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Ce livre sur Java et Eclipse s'adresse aux developpeurs, etudiants en informatique et eleves ingenieurs. II permet au lecteur de maitriser Java 
SE 6 ainsi que I'environnement de developpement integre Eclipse a travers le developpement d'une application de gestion. 
Vous decouvrirez comment construire rapidement des interfaces graphiques avec Eclipse et Visual Editor, comment controler la souris, le 
clavier, comment gerer les evenements en maitrisant les ecouteurs et les adaptateurs, comment exploiter une base de donnees MySQL 
avec JDBC, afficher les donnees en mode fiche ou table avec le composant JTable et comment creer avec Java et SQL les principales 
fonctionnalites d'ajout, de suppression, de modification et de recherche. 

Vous apprendrez egalement a batir votre application selon une approche Genie logiciel et vous vous familiariserez avec les diagrammes 
d'UML2 en utilisant Eclipse UML Free Edition. Vous apprendrez aussi a structurer votre code selon le modele MVC. 

En privilegiant I'apprentissage par la pratique, I'auteur va a I'essentiel et prend soin d'expliquer le plus clairement possible les notions 
complexes rencontrees au cours du developpement. 

Les exemples cites dans I'ouvrage sont en telechargement sur le site de I'editeur. 



A la fois formateur, ingenieur et professeur d'informatique, Henri Laugie allie competences et experience aussi bien techniques que 
pedagogiques. Dans cet ouvrage, privilegiant I'apprentissage par la pratique, I'auteur va a I'essentiel et prend soin d'expliquer le plus 
clairement possible les notions complexes rencontrees au cours du developpement. 



Ce livre numerique a ete congu et est diffuse dans le respect des droits d'auteur. Toutes les marques citees ont ete deposees par leur editeur respectif. La loi du 1 1 
Mars 1957 n'autorisant aux termes des alineas 2 et3de I' article 41, d'une part, que les "copies ou reproductions strictement reservees a I'usage prive du copiste et non 
destinees a une utilisation collective", et, d'autre part, que les analyses et les courtes citations dans un but d'exemple et d'illustration, "toute representation ou 
reproduction integrate, ou partielle, faite sans le consentement de I'auteur ou de ses ayants droit ou ayant cause, est illicite" (alinea 1er de I'article 40). Cette 
representation ou reproduction, par quelque procede que ce soit, constituerait done une contrefagon sanctionnee par les articles 425 et suivants du Code Penal. 
Copyright Editions ENI 
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Installation du JDK 

Verifiez auparavant la presence et la version de Java. Sous Windows (2000, XP, Vista), vous pouvez le faire rapidement 
par Demarrer - Executer. 

■ Dans la fenetre, tapez la commande cmd puis validez. 

■ La fenetre de I'interpreteur de commandes apparait. Tapez la commande : java -version 



C:\Documents and SettingsSMon POjaua -uersion 
jaua uersion "1.6.0_03" 

Jaua<TM> SE Runtime Environment <build 1 .6 .0_03-b05) 

Jaua HotSpot<TM) Client UM (build 1 .6 .0_03-b05, mixed mode, sharing) 



Dans la copie d'ecran, java version "1.6.0_03" signifie que la version 6 de Java est installee. Les projets presentes 
dans cet ouvrage necessitent la presence de cette version. Pour une installation ou une mise a jour, vous pouvez vous 
rendre sur differents sites. En voici deux dont celui de Sun Microsystems : 

• Sun : http://www.sun.com/download/index.jsp 



JDK 6 Update 6 




» Download 1 


The Java SE Development Kit (JDK) includes the Java Runtime Environment 




(JRE) and command-line development tools that are useful for developing 




applets and applications. 





• Java.com : http://www.java.com/fr/download/manual.jsp 



© Windows XP/Vista.''20rjO''2O03 Hors ligne*:aille fierier : 15. 1B MB 



Choisissez la version SE, Standard Edition, qui correspond a votre systeme d'exploitation : Windows, Linux ou Solaris 
(evitez les versions beta). 



Le JDK, Java Development Kit, egalement nomme J2SE contient la machine virtuelle J2RE, Java 2 Runtime 
Environnement. 



■ Procedez a I'installation. 
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SE Development Kit 6 Update 6 




Welcome to the Installation Wizard for 
Java(TM) SE Development Kit 6 Update 6 



Java(TM) SE Development Kit 6 Update 6 5etup is preparing 
the Installation Wizard which will guide you through the 
program setup process. Please wait. 



< Back 



Next 



Cancel 



II est indispensable de disposer de I'aide. 
Telechargez celle-ci sur le site de Sun Microsystems. 



Java SE 6 Documentation 



& Download 



Java SE 6 Documentation I Docs Installation Instructions I License 



Procedez a I'installation en choisissant un emplacement sur votre disque dur. L'aide est rangee par defaut dans un 
dossier nomme docs. 



□ docs 
E |£) api 

iF^i images 
© Q jdk 
Q Icl jre 

iF^i legal 
E |£) platform 
© (£) technotes 



Pour acceder a l'aide, cliquez sur I'icone index se trouvant dans le dossier docs. La creation d'un raccourci vous 
permettra de gagner du temps. 




index.html 
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Installation d'Eclipse 



■ Telechargez sur le site d'Eclipse et installez la version Classic 3.2. ou une version plus recente (evitez les versions 
beta) : 

http://www.eclipse.org/downloads/ 

■ Decompressez le fichier telecharge dans un dossier de votre choix puis lancez Eclipse sous Windows en double cliquant 
sur le fichier eclipse.exe. La creation d'un raccourci vous permettra de gagner du temps. 




eclipse.exe 



Si I'ecran de demarrage reste affiche et que I'application ne se lance pas, c'est que celle-ci n'arrive pas a trouver le JDK. 
Recherchez ('emplacement de celui-ci sur le disque dur. Normalement en C:, ^installation du JDK se fait dans les 
dossiers suivants : C:\Sun\AppServer\jdk. 

• en ligne de commandes avec Edit ou sous Windows avec Bloc Notes : 
SET CLASSPATH = .;C:\Sun\AppServer\jdk\lib 

N'oubliez pas le point, il indique le repertoire courant. 

• sous Windows par le Panneau de configuration : 

Cliquez sur I'icone Systeme, sur I'onglet Avance puis sur le bouton Variables d'environnement. Creez la 
variable CLASSPATH et ajoutez au chemin Path, la ligne ci-dessous. 



Variables d'environnement 




Variables utilisateur pour Mon PC 




Variable Valeur 


ICLA55PATH .: 


Path C:\5un\App5erver\bin 



Le dossier bin contient les programmes executables du SDK. Voici un extrait du contenu du dossier : 

E3javaw.exe 
^? javaws.exe 
liconsole.exe 



Vous devez redemarrer votre ordinateur pour que les modifications soient prises en compte. 



Lors du premier lancement, Eclipse propose un dossier par defaut nomme workspace. Creez et selectionnez plutot un 
autre dossier plus personnel, par exemple : C:\Mes Projets Java. Cochez la case Use this as the default and do not ask 
again. 
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Workspace Launcher 



Select a workspace 

Eclipse SDK stores your projects in a folder called a workspace. 
Choose a workspace folder to use for this session. 



Workspace: C:\MesProjetsJava 



v Browse. 



[^1 Use this as the default and do not ask again 



OK 



Cancel 



ft 



Toutes les copies ecran concernant Eclipse correspondent a la version 3.2. 



Eclipse presente ensuite une page d'accueil permettant d'obtenir des informations sur I'EDI (Environnement de 
Developpement Integre) reparties en quatre themes. 



'' JnVn ■ TdlpiD 5ti£ 




• overview : permet d'acceder rapidement a la partie de I'aide en ligne correspondant au theme selectionne. 

• tutorials : permet d'acceder a des assistants qui permettent, sous la forme de didacticiels, de realiser de simples 
applications ou plugins. 

• samples : permet de lancer des exemples d'applications a charger sur Internet. 



• what's new : permet d'acceder rapidement a la partie de I'aide en ligne concernant les nouveautes d'Eclipse. 



2- 
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Decouverte de TIDE 



Nous allons sans plus tarder acceder au workbench ou plan de travail. Cliquez sur la fleche. 



' .Li.;-. - (dipt* ■-:ar. 



file- t* tvmr iwch Pmfxt ftwi ww*)m rtfe 



ESSE 




Eclipse propose un environnement de developpement par defaut nomme perspective compose de quatre fenetres. Plus 
precisement, il s'agit de la perspective Java. II existe d'autres perspectives qui sont utilisees selon les besoins des 
developpeurs. 

Chaque perspective est constitute d'un certain nombre d'elements appelees views (vues) qui ne sont pas toutes 
forcement ouvertes (visibles). La perspective Java presente a I'ouverture est composee des vues suivantes : 

• 1 : explorateur de packages 

• 2 : editeur de code 



• 3 : structure 

• 4 : plusieurs vues dans une meme fenetre accessibles par des onglets 

II est possible de personnaliser une perspective en ouvrant ou en refermant des vues. Nous allons effectuer quelques 
essais. 



Ouvrez la perspective Debug. 
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Window 1 


New Window 
New Editor 






Open Perspective ► | 


Debug 


Show View ► 


Java 
^ Java Browsing 


Customize Perspective. . . 
Save Perspective As. . . 
Reset Perspective 
Close Perspective 
Close All Perspectives 


Other... 




Navigation ► 


Working Sets ► 


Preferences, . . 



L'environnement de developpement est totalement modifie et convient maintenant aux taches de debogage. 



■ Htll»W»rld,]am - H3ip*c 5L*. 



r|g trk sura Rsf-Ktw Hw1g4te Sfsffh PmWt Ku> iVrdof 



Kb hihIh tc *{4t.y 4t tin; Bw. 



ftathnA 33:L 



Revenez a la perspective Java en I'ouvrant par le menu Window - Open Perspective Java. Vous pouvez aussi cliquer 



sur I'icone ^ J Java situee dans le coin superieur droit de la fenetre d'Eclipse. 



Eclipse dispose de nombreuses vues. 



Pour ajouter par exemple la vue Console a la perspective ouverte, choisissez dans le menu Window - Show View - 
Console. 
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* Ant 




^ Console 


Alt+Shifc+Qj C 


HX, Declaration 


Alt+Shift+Q, D 


^5 Error Log 




|* Hierarchy 


Alt+Shift+Q, T 


@ Javadoc 


Alt+Shift+Q, J 


t. Navigator 




□E Outline 




t3 Package Explorer 


Alt+Shifc+Qj P 


lf_ Problems 




t^T Progress 




Search 


Alt+Shift+Q, S 


4*] Tasks 




Other... 


Alt+Shift+Q, Q 
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Ajout de plugins 



Nous allons personnaliser Eclipse en ajoutant plusieurs plugins pour mener a bien notre projet. 



1. Traductions 

Par defaut Eclipse est en anglais. I.B.M. propose des traductions pour les versions 3.0.x d'Eclipse dans differentes 
langues. 

■ Telechargez le fichier a I'adresse suivante : 
http://download.eclipse.org/eclipse/downloads/ 



Language Packs 



Build Name 

3.2_l_anguage_Packs 
3.2. 1_l_anguage_Packs 



Build Date 

Wed, 12 Jul 2006 - 17:00 (-0400) 
Thu, 21 Sep 2006 - 09:45 [-0400} 



Creez sur votre disque dur un dossier provisoire, par exemple : Langues Eclipse Java. Decompressez tous les fichiers 
dans ce dossier. 

L'extraction cree le dossier eclipse contenant les sous-dossiers features et plugins qui contiennent eux-memes de 
nombreux dossiers. 

□ |£) eclipse 
El |£) features 
El |£) plugins 

II faut ensuite ajouter le contenu et seulement le contenu des sous-dossiers features et plugins dans les sous- 
dossiers de meme nom du dossier d'installation d'Eclipse. 



Attention, dans le dossier d'Eclipse, deux dossiers aux noms de features et plugins existent deja. Ne les 
"ecrasez" pas ! Sinon il vous faudra tout reinstalled 



■ Recopiez seulement les contenus dans les sous-dossiers correspondants du dossier d'Eclipse. Exemple pour le sous- 
dossier features : 



H ([_! Langues Eclipse isvn 
B O ellipse 

H £j Features 

fj org . eclipse . jclt . nls 1 _3 . 2. 1 . v20Q609270227 

_j erg. eclipse. jdt. source. ri? 1_3. 2. 1 ,v200609270227 

ED w g. eclipse, pde.nlsl_3. 2. 1 ,v20060927C227 

i£j org, eclipse, pde.source,nlsl„3. 2, 1,^2(30609270227 

£3 0*9 ■ eclipse, pfatform-nlsl _3-2, l-v2{JQ6!J9£7iQ2?7 

£3 org . eclipse. pfatfcrm-source-nls I _3-2. 1,v200609270227 

PD org .eclipse . rep , nisi _3 . 2. 1 .¥200609270227 

l£l org .eclipse, rep, source .nbl_3. 2. 1 ,v£0060527(K27 

l£l org .eclipse ,sdk.nlsl_3 .2. 1 ,v2QD609£7O227 



Les traductions seront prises en compte au prochain demarrage d'Eclipse. 
■ Quittez Eclipse puis relancez-le. Si vous n'avez pas fait d'erreurs de copie, les menus sont desormais en frangais. 



2 id ECLIP5E 3.2 

a D ellipse 

liJ Q configuration 
—*■ ffi £^ features 
Si £^ pkjgins 
£^ readme 
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2. Visual Editor 



Visual Editor permet de gagner un temps considerable dans I'elaboration des IHM, interfaces homme- machine. II est 
cependant utile de comprendre et de savoir developper des applications graphiques avec Swing. 

Pour utiliser Visual Editor, il faut telecharger trois fichiers et les installer dans I'ordre suivant : 

emf-sdo-runtirne-2 . 2 . . zip 

-runtime-3.2.zip 
VE-runtime-1.2M3.zip 

■ Quittez auparavant Eclipse. 

■ Telechargez les fichiers sur le site d'Eclipse a I'adresse ci-apres : 
http://www.eclipse.org/vep/ 

ou plus directement a I'adresse suivante : 

http://download.eclipse.org/tools/ve/downloads/drops/R-l.2-200606280938/index.html 

■ Dezippez les fichiers dans un dossier nomme par exemple "Visual Editor". L'extraction cree trois dossiers : 

□ l£) Visual Editor 

Ir^i EMF pour Visual Editor 
iF^i GEF pour Visual Editor 
Ir^i VE-runtinne 

Pour chacun de ces trois dossiers, vous devez suivre la demarche suivante : 

• ouvrir le dossier 

• decompresser le fichier zip 

• recopier comme vu precedemment, uniquement le contenu des sous-dossiers features et plugins dans les 
sous-dossiers correspondants du dossier d'installation d'Eclipse en respectant I'ordre suivant : EMF, GEF puis 
VE. 



g\ L'extraction du fichier compresse du dossier VE-runtime genere le plugin Visual Editor Project qui a besoin pour 
T*F fonctionner des ressources contenues par les deux autres plugins issus des dossiers GEF et EMF. Le plugin GEF 
permet de creer les interfaces graphiques et le plugin GEF genere le code correspondant. Le lien etabli est 
bidirectionnel, toute modification sur un composant met a jour le code et reciproquement. 

Nous allons verifier que toutes les ressources ont ete bien installees. 

■ Choisissez dans le menu Aide - Mise a jour des logiciels - Gerer la configuration. 
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Configuration du produit 




Mcrner 



G S SDK Ectpse 

a - % C documents and Set»gs\Mon pc\mk docui 
•5;= Eclipse Modeling Franewark (EMF) 2,2. O.v 
B ij> Eclipse ProjectSDK3.2,0.v200D06(19m-GK 
B Qt> Eclipse ■ Projet ■ SW - Module de langues 
£ji EMF Service Data Objects (SDC) 2.2.0.v2i 
^ Graphical Editing Frarne™rk3.2.0.v2006C 
]£ % Visual Editor i.?.rj.v200M407_5 



SDK Eclipse 

Desw iption de Is configuration en emirs . 
Tdches disponiblcs 

Rechsrcher de& mise-5 a jour 

Pentiettfe rethercrier les mi?es a pour <fe toutes les 
dispositifs insialles. 

flff itlw I'totoriflua d'initall ati&fi 

AfFsche toutes les activites depuis ('installation du produit 

Affictier las activites 

AFfiche les activites- ayant entraine la creation de cette 
configuration, 

Aiouter un erncfecenrent ^extension 

Recherche et ajoute un emplacement dTextension a la 
configuration en cours , Un emplacement d'extension 
contient des dispositifs et des plugj-ins deja installes. 

ftetablir 

Si mis rencontres des pr oWetnes eve: fa configuration 
actuelle, vous pouvez retablir I'une des anciennes 
configurations.. 



La creation d'interfaces graphiques avec Visual Editor est desormais possible. Verifiez qu'il est bien present dans le 
menu en cliquant sur Fichier - Nouveau. L'option Visual Class doit etre presente. 

C^Projet... 

tjj Package 
Classe 

Interface 
fjjf Enurn 
(Ep' Annotation 
§3 Dossier source 
f \ Dossier 
Q Fichier 

Fichier texte sans titre 
[i^ Scenario de test JUnit 

Visual Class 
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Premiere classe 



Pour nous familiariser avec I'espace de travail, nous allons creer une classe tres simple. II nous faut auparavant 
commencer par creer un projet puis un paquetage, toute classe devant etre rangee dans un paquetage (ou package). 

■ Dans le menu, choisissez Fichier - Nouveau - Projet. 



No uvea u projet 



Selection d'un assistant 

Creez un projet Java 



□ 



r 



<> 



Assistants 



■S<p Projet de plug-in 
Projet Java 

Projet Java a partir d'un fichier de generation Ant existant 

General 
& Code Samples 
& CVS 

& Developpement de plug-in 
& Eclipse Modeling Framework 
Java 



(?) 



< Precedent 



Suivant > 



Terminer 



Annuler 



Ne saisissez rien. Cliquez sur le bouton Suivant. 
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Nouveau pro jet J 



Creez un projet Java 

Creez un projet Java dans t espace de travail ou w emplacement externe. 




Nam dj projet : MonProjetTest 
Gontenu 



© Creer Ln projet dans I'espace de travail 

O Creer un projet a partir d'une source existante 

Pipertpir*; : | C ; Javg NZyionFrpfctTsst ~ 



Parcourir., 



3RE 



<*) Hiliser remvirennernent par oefaut JRE (sctuellement 'jref ,6-0_Q2^ Configuration das en^nnetnerits JftE... 



O LUiliser un envircnnement JRE propre 4U piojet : ,.0_0j 



Disposition du projet 

Utilise^ le dossier du projet comme ratine pour Jes f ichiers source et les f icbsers de d«se 

O Oeer des dossiers iepares pour le COtf* soures flt li sortie Configurer Iss vateurs par iteFaut, 



: Pree£dent|[ Suivant : 



Te*rnlner 



Annuler 



Nommez le projet MonProjetTest. 

Le projet sera cree dans le dossier que vous avez choisi comme espace de travail lors de I'installation d'Eclipse. Vous 
pouvez cependant en choisir en autre. II est aussi possible de changer de JRE si plusieurs machines virtuelles Java 
sont installees sur le poste. 

Cliquez sur le bouton Terminer. Votre projet et son contenu sont desormais visibles dans I'explorateur de 
paquetages. 

□■■■£? MonProjetTest 

& Bibliotheque systerne JRE [jrel.6.0_02] 



Selectionnez votre projet dans I'explorateur, puis choisissez dans le menu, Fichier - Nouveau - Package. Nommez-le 
monPackage en commencant par une minuscule pour respecter les conventions d'ecriture du langage Java puis 
cliquez sur le bouton Terminer. 
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§= Nouveau package Java 



Package Java 

Creez un package Java. 




Cette fenetre pernnet de creer des dossiers correspondent a 
des packages. 



Dossier source : 
Norm : 



MonProjetTest 



Parcourir. 



monPackage 




Votre paquetage est ajoute au projet. Nous pouvons maintenant creer une classe. 



B £7 MonProjetTest 
! E0 monPackage 

© Sd Bibliotheque systeme JRE [jrel.6.0_02] 



Avant de poursuivre, allons voir les dossiers crees sur le disque dur. Vous devriez obtenir une structure semblable a 
celle-ci : 

Ir^i Mes Projets Java 
© |£) .metadata 
B |£) MonProjetTest 
Ir^i monPackage 

Votre projet etant selectionne, choisissez dans le menu Fichier - Nouveau - Classe. 
Nommez la classe MonPremierProgramme, en commengant par une majuscule : 
• Cochez public static void main(String[] args). 



• Cliquez sur le bouton Terminer. 
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#= No Live lie classe Java 



Classe Java 

Crisi une classe Java 



[1 




Dossier source : NoriProjet T est 
Package : ncmPactaae 
Z]Tvpe erttfbbant : 



Parcourir, , 



| | Pafcourir. 



Mam : 

Modificateurs : 

5uperdasse : 
Interfaces - 



MwFremierPfograrnme^ 

{*} public Q Valet* pa* defaut 

□ abstract □ final 



java Jang, Object 



protected 



Parcourir. , 



H.juter 



Supp rimer 



QudIs raccards de incthodc vouIeS-vous creEr ? 

3 public Static vGid rn4ffi(Strin^(] 4rgs) 

□ Constructeurs de la superclass* 
Methodes abstraites heritees 
Vculez-vous a jouter das cowientaires mnf ormenrsnt a la conif icjuration specifies dans les crocrietes d u projec sebcttonnl ? 
PI Senerer tes commentates 



Terminer Amuler 



La classe a ete ajoutee au paquetage et le code genere automatiquement par Eclipse est visible dans 
I'editeur de code. 



D *MonPremierPrograrnrine.java 



package inonPackage ; 

public class MonPremier Programme { 

* Wparam args 



*/ 

public static void main (String [] args) { 

// TODO Raccord de methods auto-genere 



} 



Nettoyez le code et ajoutez la ligne suivante : 



package monPackage; 

public class MonPremierProgramme { 

public static void main (String [ ] args) { 

System. out .println ( "Java, c'est extra !"); 
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Voila, nous y sommes. De nombreuses notions propres a la POO, Programmation Orientee Objet, sont deja presentes 
dans ces quelques lignes. Pour ceux qui decouvrent Java, voici une presentation sommaire. Nous reverrons toutes ces 
notions lors de la realisation de notre projet. 

Cette classe comporte un bloc principal avec un bloc interne. Elle porte le meme nom 
que le fichier dans lequel elle est sauvegardee. 

Les blocs sont delimites par des accolades { ... }. 
L'ouverture du bloc se fait avec une accolade en fin de ligne. 

Par convention, la fermeture du code se fait sur une ligne isolee (sauf si le bloc ne contient qu'une seule ligne). 
l 6re ligne 

Les instructions public class indiquent que cette classe est publique et peut etre utilisee par n'importe quelle autre 
classe. 

2 eme Mgne 

Le mot cle public pour public static void main(...) indique que cette methode peut etre utilisee par n'importe quelle autre 
classe. 

Le mot cle static indique qu'il s'agit d'une methode statique ou de classe (on dit aussi a portee de classe). Cette 
methode ne peut etre heritee. Elle appartient uniquement a cette classe bien qu'elle soit utilisee par toutes ses 
instances. 

Le mot cle void signifie rien. II est utilise pour designer des methodes qui realisent des actions sans retourner un 
resultat. Ces methodes correspondent aux procedures dans un langage non objet. 

void main(...) designe la methode principale du programme, « la porte d'entree », et precise qu'elle ne retourne rien. 

La methode void main() prend un parametre obligatoire nomme argv de type String[]. Par convention, le terme argv 
est employe mais on peut en choisir un autre. 

3 eme Mgne 

Cette ligne constitue le corps du programme. 

System designe une classe Java dont la classe parente est Object. En consultant I'aide, vous pouvez visualiser la 
hierarchie des classes. 

■ Double cliquez sur le fichier index.htm dans le dossier ou vous avez installe I'aide ou sur le raccourci que vous avez 
cree (voir le chapitre Environnement de developpement). 

■ Dans le volet gauche, choisissez le paquetage java.lang puis la classe System. 
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pcilie FLfiil eiaii Systeu 

The System dass contains several userul ?!as> folds and methods, It cannot 1w instantiated 

Among, the facilities prmid-cd by [be 5y i - en class are standard input., standard output, and error 
output streams, access to titerjially defined properties and emiroranrnt v ariables; a means of 
loading files and libraries, and a utility meihodfot qtrjrkr) 1 copying a. portion of an array . 



Sine*: 



JDK1 



Field Summary 



j) Pirate jelrayj 



Vous obtenez la hierarchie suivante et toute I'aide concernant la classe System. 



java. lang. Object 
I— ] ava . lang . System 

Ces deux classes sont rangees dans le paquetage lang, lui-meme contenu dans le paquetage java. 

out designe une propriete de la classe System, out etant elle-meme du type classe PrintStream dont la hierarchie avec 
les classes parentes est presentee ci-apres : 

java. lancr. Object 

I — j ava . io . OutputStrearn 

I — java. io ■ Filter OutputStrearn 
I— java. io .PrintStream 

En consultant la classe PrintStream, on constate que println est une methode de cette classe. Cette methode est 
utilisable dans la classe System via la propriete out. La methode println affiche la valeur litterale qui se trouve encadree 
par des guillemets et effectue un retour a la ligne. 

Nous retiendrons a ce stade les points suivants : 



• Un programme comporte au moins une classe. 



• Les classes doivent porter le meme nom que les fichiers dans lesquels elles se trouvent. 



• Une seule classe doit posseder la methode principale : mainQ. C'est toujours elle qui est executee en premier. 



• Toutes les methodes proviennent obligatoirement d'une classe (ou d'une interface) - classe Java ou classe creee 
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par le developpeur. 

• Les classes sont regroupees dans des packages ou paquetages. Les paquetages peuvent contenir d'autres 
paquetages. 

• Java est sensible a la casse. Les minuscules et les majuscules sont des caracteres differents. 

Les paquetages Java et leurs classes sont stockes dans le fichier rt.jar qui est un fichier compresse. Pour une 
installation sur C:, le chemin peut etre : C:\Sun\AppServer\jdk\jre\lib 




rt.jar 

Executable Jar File 
36 874 Ko 



Si vous voulez mieux comprendre I'organisation des paquetages et de leurs classes sur le disque dur, vous pouvez les 
visualiser en recopiant ce fichier dans un dossier nomme par exemple Fichier rt.jar et le decompresses 



Voici des extraits 



(£) Fichier rt.jar java • * [»] System, class 

ED com ^^^^"^ applet 

El |£) java •"""^ B |£) awt 

E |£) javax E |£) beans 
B Icl META-INF io 

E org B (£) lang 
S |£) sun math 
B |£) sunw net 



Sous Eclipse, vous pouvez consulter dans I'explorateur de paquetages, la bibliotheque systeme complete du JRE. 

B-Wk Bibliotheque systeme JRE [jrel ,6.0_02] 

+ a, resources. jar - C:\Program Files\Java\jrel .6. 0_02\lib 
Q-fci rt.jar - C:\Program Files\Java\jrel ,6.0_02\lib 
B"fB com. sun. accessibility. internal. resources 
B-0 com. sun. activation. registries 
B com. sun. beans 
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Premiere fenetre 



1. Creation de la fenetre 

Nous allons creer une simple fenetre en nous aidant de Visual Editor installe precedemment. Celle-ci comportera un 
champ de saisie dans lequel I'utilisateur pourra saisir un nom. Un die sur le bouton OK, lui presentera un message 
comportant ce nom. 




bBLi 



Fichier Edition Clients 







Saisissezvotre nom 



OK 



OK 



■ Selectionnez le projet, et choisissez Fichier - Nouveau - Visual Class. 



• Nommez cette classe graphique MaPremiereFenetre. 



• Selectionnez dans Style I'element Frame. 



• Cochez public static void main(String[] args) puis cliquez sur le bouton Terminer. 
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f= New Java Visual Class 



lava Visual Class 

Create a new Java Visual Class. 



B 



Dossier source : [ MonProjetTest 
Package ! 



mdnPickage 



D Type enr^kabant : 



| Faruourlr. 



] [ 



Pa-coLrir. 



Perccurir.,. 



.'•Jorr- : 

Modf icateurs i 



MaP.'cmicrcFcnetrtr 



© p Jbfc O ftAnt par tfcfaut 

□ *rjstr«ct □final 



private 



Syte: 



3 Dialog <"> 
! □ Frame 

.1.: Internal Fn 
ptB Panel 
; Qj Scroll Parte 
HI Spit Pane 



Superclasse i | iawax .swing JFraine 

Interfaces : 



Which meshed stubs would you like to create? 

public static void main(Stringl] angs) 



I prot«ct*d 



(?) 



| Tamningf Annufer 



La fenetre apparait au-dessus du code qui a ete genere automatiquement. 




1 

package mo nP ac kage ; 

'■r'iniport javax . swing. STjingUtilit.ies;[] 

public class HaPreiniereFenetre extends JFrarne { 

private static final long serialVersionUZD - 1L; 

La palette se trouvant a droite de la fenetre contient de nombreux composants pour la creation d'interfaces 
graphiques. Ceux-ci sont regroupes en bibliotheques. Pour la faire apparaltre deplacez la souris sur la bande 
comportant le mot Palette. 
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J Selection 








[ ^Marquee 




u 


*j ^ Choose Bean 

J_l3 




<U 

10 


^^^^ 
^^^^^ 

c 


5j Swing Components 


I Swing Containers 


■\ Swing Menus 


AWT Controls 



La fenetre creee contient un composant particulier nomme jContentPane dans lequel on peut deposer d'autres 
composants tels que des boutons ou des champs de saisie. 




jContentPane ; composant 
delimite p ar le s 4 petits carres 



Code genere : 



private JPanel get JContentPane ( ) { 
if (jContentPane == null) { 
jContentPane = new JPanel (); 
jContentPane . setLayout (new BorderLayout () ) ; 

} 

return jContentPane; 



2. Ajout d'un bouton 

■ Cliquez sur le composant jContentPane. 

Pour pouvoir placer librement un bouton ou tout autre composant, mettez la propriete >layout a null. A noter que 
les composants ne seront alors plus automatiquement redimensionnes si la ta i I le de la Frame est modifiee. 



Problems 


Javadoc 


Declaration f 


^^^ConsoleJ 


Property 






Value 


background 




238,238,238 


border 


connponentOrientation 


UNKNOWN 


enabled 




true 


>field name 




jContentPane 


font 






Dialog, plain, 12 


foreground 




51,51,51 


>layout 




JU 



■ Dans la palette, cliquez sur le composant JButton. 

Q JButton 

■ Dessinez un bouton dans la fenetre et redimensionnez-le. Chanqez le libelle en cliquant une seconde fois dessus 
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apres selection du bouton. 




Procedez de la meme maniere que pour le bouton pour ajouter un champ de saisie ou un I i bell e a la fenetre. 



jjpJTextField 



■ ■ — ■ 
i i 

■ ■ 

■ i 
■ ■ ■ 

Ajout d'une zone de saisie 



Saisissei votre norn 
Ajout d'un libelle 
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Creation d'un menu 



^ 5wing Menus 




^ JMenuBar 



Cliquez sur la barre de titre du cadre. 



J Frame 



SHE 



Une fenetre apparait. Validez. 



Name 



Bean Name 

Provide names for beans 



111 



® ^ jJMenuBar jJMenuBar_MaBarreMenus| 



Preferences 



QDo not ask again 



OK 



Cancel 



Au bas de I'ecran, modifiez la largeur de la barre de menu en changeant la valeur 0,2 par 0,25. Attention, il ne s'agit 
pas d'une valeur decimale mais de deux valeurs differentes separees par une virgule. 



Problems 



Javadoc 



Declaration 



Java Beans 



Property 
enabled 
>field name 
font 

foreground 
name 

>preferred5ize 

toolTipText 

visible 



Value 



true 

jJMenuBar 
Dialog, bold, 12 
51,51,51 



0,25 
true 



Le code correspondant au menu est genere et les modifications realisees dans la fenetre Properties sont 
automatiquement repercutees dans le code. 



private JMenuBar get JJMenuBar_MaBarreMenus ( ) { 
if ( j JMenuBar_MaBarreMenus == null) { 

j JMenuBar_MaBarreMenus = new JMenuBar (); 

j JMenuBar_MaBarreMenus . setPref erredSize (new Dimension ( , 25)); 

} 

return j JMenuBar_MaBarreMenus; 



1. Ajout des menus a la barre de menus 
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Nous allons creer la barre de menus suivante avec le composant JMenu. 

n JMenu 



=- JFr 






Fichier Edition Clients 



Pointez la barre de menu. Une fenetre apparait. Validez. 



Nam 



Bean Name 

Provide names for beans 



[=] jMenu jMenu_Fichier 



Preferences 



I I Do not ask again 



OK 



Cancel 



Le premier menu est depose a gauche de la barre. Cliquez dessus pour changer son libelle. 






ame 


| Fichier 
■ — ■ 



■ Procedez de la meme maniere pour les menus Edition et Clients. 

Code de la barre de menus suite a I'ajout des trois menus : 



private JMenuBar get JJMenuBar_MaBarreMenus ( ) { 
if ( j JMenuBar_MaBarreMenus == null) { 

j JMenuBar_MaBarreMenus = new JMenuBar (); 

j JMenuBar_MaBarreMenus . setPref erredSize (new Dimension (0, 25)) 
j JMenuBar_MaBarreMenus . add (get JMenu_Fichier ( ) ) 
j JMenuBar_MaBarreMenus . add (get JMenu_Edition ( ) ) 
j JMenuBar_MaBarreMenus . add (get JMenu_Clients () ) 

} 

return j JMenuBar_MaBarreMenus; 



Code des menus 



private JMenu get JMenu_Fichier ( ) { 
if ( jMenu_Fichier == null) { 
jMenu_Fichier = new JMenu () ; 
jMenu_Fichier . setText ( "Fichier" ) 

} 

return jMenu_Fichier; 

} 

private JMenu get JMenu_Edition ( ) { 
if ( jMenu_Edition == null) { 
jMenu_Edition = new JMenu () ; 
jMenu_Edition . setText ( "Edition" ) 
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return jMenu_Edition; 

} 

private JMenu get JMenu_Clients ( ) { 
if ( jMenu_Clients == null) { 
jMenu_Clients = new JMenu () ; 
jMenu_Clients . setText ( "Clients" ) 

} 

return jMenu_Clients; 



2. Ajout des options aux menus 

■ Utilisez le composant JMenuItem. 



i JMenuItem 



Faites glisser un composant JMenuItem sur le menu Fichier. 



Bean Name 

Provide names for beans 



3 (=j jMenuItem jMenuItem_Quitter 



Preferences 



® 



QDo not ask again 



OK 



Cancel 



Le code du menu Fichier s'est enrichi d'une ligne. 



private JMenu get JMenu_Fichier ( ) { 

jMenu_Fichier . add (get JMenuItem_Quitter ( ) ) 



Et le code concernant I'option Quitter a ete cree. 



private JMenuItem get JMenuItem_Quitter ( ) 
if ( jMenuItem_Quitter == null) { 

jMenuItem_Quitter = new JMenuItem () ; 

} 

return jMenu!tem_Quitter; 



Rajoutez vous-meme dans le code une ligne pour que I'option ait un libelle. 



private JMenuItem get JMenuItem_Quitter ( ) 
jMenuItem_Quitter . setText ( "Quitter" ) . 



© ENI Editions - All rigths reserved 



Auto-completion. L'auto-completion permet de completer automatiquement vos lignes de code des lors que le 
w terme a completer existe dans le lexique de Java Eclipse. Pour beneficier de l'auto-completion de code appuyez 
simultanement sur les touches [Ctrl] + [Espace] de votre clavier. Une liste d'elements commengant par le dernier mot 
saisi apparait. II ne reste plus qu'a selectionner I'element desire et a valider. 



iMenuItenJ 

■ J 1 



o jMenuItem_Chercher JMenuItenn - MaFrarne 
° jMenuItenn_Creer JMenuItenn - MaFrarne 
° jMenuItem_Liste JMenuItenn - MaFrarne 
° jMenuItem_Quitter JMenuItenn - MaFrarne 
© JMenuItenn - javax. swing 



Press 'Ctfl+Space' to show Template Proposals 



Renouvelez les operations precedentes pour obtenir les menus suivants : 



# J Frame T 




Fichier 


Edition Clients 


Quitter 





Pour faire simple, le menu Fichier comporte I'option Quitter, le menu Edition aucune et le menu Clients I'option 
Liste. 



3. Ajout de sous-menus aux menus 



= JFrame 






EH QUE 


Fichier Edition 


Clients 






Gestion ► 





Pour ajouter un sous-menu, il faut utiliser a nouveau le composant JMenu. 

■ Deplacez ce composant sur le menu Clients pour ajouter le sous-menu Gestion au menu Clients. 



■ EBlllT.il 



Bean Name 

Provide names for beans 



© H jMenu jMenu_5ousMenuGestion 



Preferences 



(?) 



Qdo not ask again 



OK 



Cancel 



Le code du menu Clients s'est enrichi d'une ligne. 
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private JMenu get JMenu_Clients ( ) { 

jMenu_Clients . add (get JMenu_SousMenuGestion ( ) ) ; 



Et le code concernant le sous-menu Gestion a ete cree. 



private JMenu get JMenu_SousMenuGestion ( ) { 

jMenu_SousMenuGestion . setText ( "Gestion" ) ; 



4. Ajout des options au sous-menu 



J Frame 



Fichier Edition 



Clients 



Liste 



EH Hi] 



Gestion ► 



Creer 
Chercher 



OK 



Nous allons a nouveau utiliser le composant JMenuItem pour ajouter deux options au sous-menu Gestion, Creer et 
Chercher. 



II n'est pas possible de faire glisser le composant JMenuItem directement sur le sous-menu concerne. 



■ Deposez pour I'instant ce composant sur le menu Clients. Nous interviendrons au niveau du code pour le placer a 
I'endroit adequat. 



Code de I'option Creer : 



private JMenuItem get JMenuItem_Creer ( ) { 
if ( jMenuItem_Creer == null) { 

jMenuItem_Creer = new JMenuItem () ; 

jMenuItem_Creer . setBounds (new Rectangle ( 2 3 7 , 22, 29, 10)); 
jMenuItem_Creer . setText ("Creer") ; 

} 

return jMenuItem_Creer; 



■ Ajoutez I'option Creer dans le code du menu Gestion. 



private JMenu get JMenu_SousMenuGestion ( ) { 
if ( jMenu_SousMenuGestion == null) { 
jMenu_SousMenuGestion = new JMenu () ; 
jMenu_SousMenuGestion . setText ( "Gestion" ) ; 
jMenu_SousMenuGestion . add (get JMenuItem_Creer ( ) ) ; 
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return jMenu_SousMenuGestion; 

} 



■ Renouvelez I'operation pour I'option Chercher. 



private JMenuItem get JMenuItem_Chercher ( ) { 
if ( jMenuItem_Chercher == null) { 

jMenuItem_Chercher = new JMenuItem (); 
jMenuItem_Chercher . setText ( "Chercher" ) ; 

} 

return jMenuItem_Chercher ; 

) 

private JMenu get JMenu_SousMenuGestion ( ) { 
if ( jMenu_SousMenuGestion == null) { 
jMenu_SousMenuGestion = new JMenu () ; 
jMenu_SousMenuGestion . setText ( "Gestion" ) ; 
jMenu_SousMenuGestion . add (get JMenuItem_Creer ( ) ) ; 
jMenu_SousMenuGestion . add (get JMenuItem_Chercher () ) ; 

} 

return jMenu_SousMenuGestion; 



N'oubliez pas de supprimer la reference de I'option Chercher dans le code du menu Clients. 



Visual Editor a insere toutes les bibliotheques Swing et Awt necessaires a la creation de cette application 
graphique. 



II a egalement procede a la declaration de tous les composants utilises. 



private JPanel jContentPane = null; 
private JButton jButton = null; 
private JMenu jMenu_Clients = null; 
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Action d'un bouton 

Nous voulons afficher un message de bienvenue avec le nom que I'utilisateur a saisi. 

■ Cliquez sur le bouton OK. 

■ Selectionnez les options suivantes. 



■ ■ — 


"I 1 






<^ Undo Typing Ctrl+Z 




j OK 


t> Redo Ctrl+Y 




■ ■ — 






Open 






Open Type Hierarchy 






















(J Paste 






Rename Field 






K Delete 






Events ► | 


Add Events . . . 










Set Text 


*♦ actionPerformed 




Customize Layout,.. 


®+ enabled 






®+ text 



private JButton get JButton ( ) { 
if (jButton == null) { 

jButton = new JButton (); 

jButton. setBounds (new Rectangle (119, 136, 51, 42)); 
jButton . setText ( "OK" ) ; 

jButton . addActionListener (new java . awt . event . ActionListener ( ) { 
public void actionPerformed ( java . awt . event .ActionEvent e) { 
System. out .println ( "actionPerformed ( ) " ) ; 

} 

}) ; 

} 

return jButton; 

} 



II reste a remplacer la ligne System. out. println("actionPerformed()") par Taction voulue. 
■ Supprimez cette ligne et saisissez a la place le code suivant : 

JOptionPane . s howMe s s ageD i a log(null, "Bienvenue " + textField.getTextO); 
Toutes ces notions sont detaillees dans le chapitre Developpement. 



Pour atteindre les codes d'un element de la fenetre, selectionnez cet element puis appuyez simultanement sur les 
touches [Ctrl] et O (la lettre). 
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Composants 

Tous les elements graphiques sont fournis par les bibliotheques AWT (la plus ancienne) et Swing. Nous allons voir 
comment utiliser quelques autres composants classiques avec Visual Editor. 

1. Case a cocher 

■ Creez une nouvelle fenetre graphique en la nommant FenCheckBox. 

■ Cliquez sur le composant jContentPane et mettez la propriete >layout a null. 

a. Avec AWT 

■ Deployez dans la palette I'onglet AWT Controls et deposez dans la fenetre deux CheckBox. 

■ Nommez-les checkboxl et checkbox2. 

■ Utilisez I'onglet Proprietes et affectez les valeurs "croissant" et "pain au chocolat". 



f 












Erreurs 


Javadoc 


Declaration 


Console f 






Propriete 








Valeur 


connponentOrientation 


UNKNOWN 


enabled 


true 


>field name 


checkboxl 


font 


Dialog, plain, 12 


foreground 


51,51,51 


>label 








croissant 



■ Deployez dans la palette I'onglet Swing Components, ajoutez un JLabel et supprimez le mot "JLabel" en face du 
champ >text. 




V croissant 

V pain au chocolat 



■ Testez la fenetre en tant que Java Bean. 

Nous allons maintenant programmer les actions des cases a cocher. 

■ Effectuez un die droit sur le checkboxl et selectionnez les options suivantes. 
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a- 


^'Q Hierarchy Bounds 




Event fired when the mouse is clicked 


a 


■ 'o Input Method 








% Item 






$■ 


% Key 






fl- 


'Q Mouse 








! mouseClicked 








® v mouseEntered 


1 






! ®* mouseExited 




Use existing Listener 








® v mousePressed 




(+) Create new Listener 


a- 


1 ®* mouseReleased 

Mouse Motion 




(+> extends: java. awt. event. MouseAdapter 


a- 


r-. .-i 
■ O Property Change 




( t innnlprripnts ■ iava aiajt pvpnt Mm ispl istpnpr 

\_. f IIIILJI^III^I IL^i ■□VQiQYV 1 . i^l^l IL.I ILJLJ^^LI^L^I 1^1 



■ Supprimez Taction proposee par defaut et apportez les modifications suivantes : 



private Checkbox getCheckboxl ( ) { 
if (checkboxl == null) { 

checkboxl = new Checkbox (); 

checkboxl , setBounds (new Rectangle (40, 30, 74, 23)); 
checkboxl . setName ( "checkBoxl ") ; 
checkboxl . setLabel ( "croissant ") ; 

checkboxl . addMouseListener (new java . awt . event .MouseAdapter ( ) { 

public void mouseClicked ( java. awt . event . MouseEvent e) (boolean bSelectionne; 
bSelectionne = checkboxl . getState () ; 
if (bSelectionne == true) { 

jLabel . setText ( "Vous avez choisi un croissant");} 

else { jLabel. setText ("") ; 

} 

} 

}); 

} 

return checkboxl ; 

} 



Le Checkbox reagit au die de souris. La methode getStateQ permet de connaitre I'etat de la case : cochee ou 
non cochee. 

La demarche est identique pour la deuxieme case a cocher. II est possible de concatener les choix et de les afficher 
dans Tetiquette deja presente ou tout simplement d'ajouter une deuxieme etiquette. 

b. Avec Swing 

La demarche avec les composants Swing est differente. 

■ Agrandissez la fenetre et ajoutez un JCheckBox mais cette fois-ci de la bibliotheque Swing. Nommez-le 
jCheckBoxSwing. 

■ Ajoutez un nouveau jLabel et nommez-le jLabellmage. Pour apporter une variante aux tests, nous afficherons 
des images selon que la case est cochee ou decochee. 

■ A partir du disque dur, ajoutez au dossier du projet deux images. Par exemple : 
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rnonPackage 




.classpath 



.project 





cafe.gif poire.gif 
Effectuez un die droit sur le jCheckBoxSwing et selectionnez les options suivantes. 



Events 


Add Events ... 


Set Text 

Customize Layout... 


®* actionPerfornned 


itennStateChanged 




®* stateChanged 


®+ enabled 
®+ text 



Supprimez I'action proposee par defaut et apportez les modifications suivantes 



private JCheckBox get JCheckBoxSwing ( ) { 
if (jCheckBoxSwing == null) { 

jCheckBoxSwing = new JCheckBox (); 

jCheckBoxSwing. setBounds (new Rectangle (299, 31, 82, 21)); 
jCheckBoxSwing. setText ("cafe") ; 

jCheckBoxSwing . addltemListener (new java . awt . event . ItemListener ( ) 
public void itemStateChanged ( java . awt . event . ItemEvent e) { 
System. out . print In ( " itemStateChanged ( ) " ) ; 
if (e.getStateChange () == ItemEvent . DESELECTED) { 
System. out .println ( "Je suis deselectionne" ) ; 
jLabellmage . setlcon (new Imagelcon ("")); 

} 

else { 

System. out .println ( "Je suis selectionne" ) ; 
jLabellmage . setlcon (new Imagelcon ( "cafe . gif " ) ) ; 



}); 



return jCheckBoxSwing; 



Pour n'afficher aucune image, il suffit de passer en parametre une chaine vide. 



Testez la fenetre. 
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f pain au chocolat 



Vous avez choisi un croissant 



2. Boutons radio 

■ Creez une nouvelle fenetre graphique en la nommant FenRadioButton. 

■ Cliquez sur le composant jContentPane et mettez la propriete >layout a null. 

■ Deployez dans la palette I'onglet Swing Components, ajoutez trois JRadioButton et nommez-les par exemple bleu, 
blanc et rouge. 

■ Testez la fenetre. 

II est possible d'avoirtous les boutons selectionnes en meme temps. Pour les rendre dependants les uns des autres et 
ne permettre qu'a un seul bouton a la fois d'etre selectionne, il faut les regrouper. 

■ Ajoutez la propriete suivante qui permet de creer un objet groupe de boutons : 



private ButtonGroup groupeBoutons = new ButtonGroup ( ) ; 



■ Ajoutez la methode suivante. 



private void regroupeBoutons ( ) { 

groupeBoutons . add ( jRadioButtonl ) ; 
groupeBoutons . add ( jRadioButton2 ) ; 
groupeBoutons . add ( jRadioButton3) ; 

} 



■ Modifiez le constructeur de la classe. 



public FenRadioButton ( ) { 
super ( ) ; 

initialize ( ) ; 
regroupeBoutons () ; 

} 



■ Testez la fenetre. 

Nous allons programmer les actions. 

■ Pour chaque bouton, effectuez un die droit et choisissez les options suivantes : 
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Events 


J Add Events . . . 


Set Text 

Customize Layout, . . 




®+ actionPerfornned 


®* itenn5tateChanged 
®* stateChanged 





■ Pour chaque bouton, precisez I'action. 



private JRadioButton get JRadioButtonl ( ) { 
if ( jRadioButtonl == null) { 

jRadioButtonl = new JRadioButtonl); 

jRadioButtonl . setBounds (new Rectangle (32, 28, 75, 21)); 
jRadioButtonl . setText ("Bleu") ; 

jRadioButtonl . addActionListener (new java . awt . event . ActionListener ( ) 
public void actionPerf ormed ( java . awt . event .ActionEvent e) { 
jContentPane . setBackground (Color .blue) ; 

} 

}) ; 

} 

return jRadioButtonl; 

} 

private JRadioButton get JRadioButton2 ( ) { 
if ( jRadioButton2 == null) ( 

jRadioButton2 = new JRadioButton () ; 

jRadioButton2 . setBounds (new Rectangle ( 32 , 65, 75, 21)); 
jRadioButton2 . setText ( "Blanc" ) ; 

jRadioButton2 . addActionListener (new java . awt . event .ActionListener ( ) 
public void actionPerf ormed ( java . awt . event .ActionEvent e) { 
jContentPane . setBackground (Color . white ) ; 

} 

}) ; 

} 

return jRadioButton2 ; 

} 

private JRadioButton get JRadioButton3 ( ) { 
if ( jRadioButton3 == null) { 

jRadioButton3 = new JRadioButton () ; 

jRadioButton3 . setBounds (new Rectangle (32, 103, 75, 21)); 
jRadioButton3 . setText ( "Rouge" ) ; 

jRadioButton3 . addActionListener (new java . awt . event .ActionListener ( ) 
public void actionPerf ormed ( java . awt . event .ActionEvent e) { 
jContentPane . setBackground (Color . red) ; 

} 

}) ; 

} 

return jRadioButton3 ; 



Avec la methode actionPerformedQ, les boutons radio reagissent au die de souris mais aussi a la touche 
[Espace] lorsqu'ils ont le focus. 



■ Testez la fenetre. 
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3. Liste deroulante 

■ Creez une nouvelle fenetre graphique en la nommant FenListeDeroulante. 

■ Cliquez sur le composant jContentPane et mettez la propriete >layout a null. 

■ Deployez dans la palette I'onglet Swing Components, ajoutez un JComboBox, nommez-le listeDeroulante et 

agrandissez-le. 

■ Ajoutez deux J Label nommes image et choix. 

■ Supprimez le texte par defaut de la propriete Text pour les deux labels. 



©JFrame EDOIS 



■ Testez la fenetre. Le JComboBox est bien sur vide. Nous allons le remplir. 

■ Ajoutez la propriete suivante. 

private String [] lesFruits = {"pomme", "banane", "poire"); 

Un tableau de type chaine est declare et initialise avec des noms de fruits. 

■ Modifiez la ligne suivante dans la methode getListeDeroulante(). 

private JComboBox getListeDeroulante ( ) { 

listeDeroulante = new JComboBox (lesFruits) ; 

; 
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return listeDeroulante; 

} 



Le tableau lesFruits est passe en parametre au constructeur de JComboBox. 



■ Testez la fenetre. 

Nous voulons maintenant que la selection s'affiche dans le JLabel nomme choix. 

■ Effectuez un die droit sur le JComboBox et choisissez Events - action Performed. 

■ Modifiez le code genere. 



private JComboBox getListeDeroulante ( ) { 
if (listeDeroulante == null) { 

listeDeroulante = new JComboBox (lesFruits) ; 

listeDeroulante . setBounds (new Rectangle (73, 23, 125, 25)); 
listeDeroulante . addActionListener (new java . awt . event . ActionListener ( ) 
public void actionPerf ormed ( java . awt . event . ActionEvent e) { 

String laSelection = (String) listeDeroulante . getSelectedltem () ; 

choix . setText (laSelection) ; 



}), 



} 



return listeDeroulante; 
} 



Le JComboBox est a I'ecoute d'un evenement exterieur (die de souris ou barre espace) et effectue une action des 

que cet evenement survient. L'action proposee correspond a I'affichage de I'item selectionne du JComboBox dans la 
deuxieme etiquette nommee choix. 

Nous voulons pour finir que I'image correspondant au fruit soit affichee dans la premiere etiquette nommee image. 
Ajoutez des images au projet par exemple : 






banane.gif 



poire.gif 



pomrne.gif 



■ Modifiez a nouveau la methode getListeDeroulanteQ. 



private JComboBox getListeDeroulante ( ) { 
if (listeDeroulante == null) { 

listeDeroulante = new JComboBox (lesFruits) ; 
listeDeroulante . setBounds (new Rectangle (73, 23, 125, 25)); 
listeDeroulante . addActionListener (new java . awt . event . ActionListener () I 
public void actionPerf ormed ( java . awt . event .ActionEvent e) { 

String laSelection = (String) listeDeroulante . getSelectedltem () ; 
choix. setText (laSelection) /if (laSelection=="banane" ) { 
Imagelcon imageFruit = new ImageIconCbanane.gif"); 
image . setlcon (imageFruit ) ; 

} 

if (laSelection=="pomme" ) { 

Imagelcon imageFruit = new ImageIconCpomme.gif"); 
image . set Icon ( imageFruit ) ; 

} 

if (laSelection=="poire" ) { 
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Imagelcon imageFruit = new ImageIconCpoire.gif") 
image . set Icon ( imageFruit ) ; 



}); 

} 

return listeDeroulante ; 



Le code propose privilegie la simplicite pour faciliter la comprehension. II est bien sur possible d'effectuer une 
lecture des noms des images pour afficher la bonne image sans passer par une structure conditionnelle. 



Testez la fenetre. 



1 J Frame 



□0K 
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Debogueur 



Le developpement necessite de nombreux tests. Pour controler la bonne execution d'une partie d'un programme 
comportant des structures conditionnelles et iteratives, I'utilisation d'un debogueur s'avere souvent indispensable. Nous 
allons voir comment utiliser celui d'Eclipse au travers de I'exemple classique d'un programme qui affiche les tables de 
multiplication. Nous vous proposons le code suivant : 



D TableMultiplication,java 



I 1 

2 

3 
4 
5 
£1 
7 
8 
9 
10 
11 
12 
13 
14 
IS 
IS 
17 
IS 
19 
20 
21 
22 
23 
24 
25 
26 
27 
28 
29 
30 
31 
32 
33 
34 



package raonPackage; 

import javaw. swing. JQptionPane; 

public class TableMult ipl icat ion { 

public static void main (St ring args[]) { 
int vColonne, vLigne, Noivibre = D; 
int tab [] [J - new int[2][lOJ; 

Integer NE = Integer . valueOf ( JOptionPaue. sJiowXrtputEiaJoo/t" Table de " + 
"multiplication du nombre : "J ) ; 

Hotahre = ME . int. Value \ ) ; // le ]iiu It ip 1 icateui: 

for (vColonne=0; vCoionne< cab. length; vColonne+4-) { 

for (vLigne=0; vLigne< tab [vColonne) . length; vLigne4-+) { 
if (vCclonne==0) { 

tan [vColonne] [vLigne] ■ vLigns+lj 

> 

else { 

tab [vCo lonne] [vLigne] 



} 



} 



System. <?wi ■ println ( "Table de " + Nambce.) ; 

system, out .println (" ■ — ■ ") ; 

for (vColonne=0; vColonne< tab. lengtii; vColonne44-) ( 

for (vLigne=0; vLigne< tab [vCo lonne] . ieiigth; vLigne+4-) ( 
if (v<; ol Dimes- □) ( 

tab [vColonne] (vLignej = NB* (vLlgne4-l) ; 

System, oat. print In (tab [vColonne-1] [vLigne] 4- " x " 4- MB 
+ tab [vColonne] [ vLigne] ) ; 

) 



Effectuez un die droit dans la marge devant le numero de ligne 15 et choisissez Ajouter/Supprimer un point d 'arret. 

Testez I'application en cliquant sur I'icone de debogage dans la barre d'icones ( ^S*rJ )- 




Pour une premiere utilisation, Eclipse affiche un message. 
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€= Confirmee le changement de perspective 




\ Ce type de lancennent est configure pour ouvrir la perspective Debogage 
J lorsque celle-ci s'interrompt. 

La perspective de debogage vise a assurer le debogage de I'application. Elle 
integre des vues pour I'affichage de la pile de debogage, des variables et la 
gestion des points d'arret. 

Voulez-vous ouvrir cette perspective nnaintenant ? 




■ Confirmez le changement de perspective. 



f IMhogag* TflilciuHullfpticflCifl nFcn.jjv-a 



id o- <*.- : 



a, C> .-. ^. 



S .1? 1*** tfr"*iuU«!i [™-i)(Si*p!*Aic (j»r* J w*a i la k^m |4 ifc S*J;»«*iJs«i 
UK* * C«*a*S" [iVll-H»yfc«i;J (£n ™j fefcUdtm) 



m 



Sj * B 



* He** 
..J, 

hi 

< 



mil] i*>*in 



Haitian an nsmrt 







lor (vCq lonjit-a r vColoQac-c ■ ltagc ts; 
lDf r.vL i-jTit-Q r vL k ■jti e- -r c nb [vta 5 a Tin el 
if (vCalonLn.c--OJ ■! 


vco saiiQc ++) i 










I 

BllE | 





ilc tl ^ • V 



AomM../!*ut* inMr.-.-snrt* 1LI-3Z 



Les valeurs des variables sont affichees dans une fenetre. 



r ^ 

( x )= Variables £3 \ Points d'arret 




B ' " B 


Norn 


Valeur 




© args 


String[0] (id=23) 




© vColonne 


I 




•-< vLigne 






-.' Nonnbre 


3 




+ tab 


int[2][] (id=26) 




+ NB 


Integer (id=18) 














> 



Le debogueur va nous permettre de verifier I'exactitude des donnees en controlant pas a pas les valeurs des 
variables. 
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■ Cliquez sur cette icone .v. 



Le point d'arret etant a la ligne 15, le parcours concerne la boucle for interne. A I'iteration suivante, la variable vLigne 
doit contenir le nombre 1 et les variables vColonne et Nombre doivent demeurer inchangees. 



(x)= Variables £3 \ Points d'arret 






Norn 


I Valeur 




© args 


String[0] (id=18) 




© vColonne 







••■ vLigne 


1 




© Nombre 


3 




S <& tab 


int[2][] (id=21) 




+ NB 


Integer (id=24) 








> 



■ Pour revenir a la perspective Java, cliquez sur le bouton en haut a droite de la fenetre. 



3^ ^Debogage 



«6 B 



Java 
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Proprietes du projet 



Eclipse permet de personnaliser les proprietes de chaque projet. 
■ Dans la barre de menu, choisissez Projet - Proprietes. 

Dans la fenetre de proprietes, de nombreuses options de personnalisation sont disponibles. Cette fenetre est 
particulierement utile lorsqu'on desire assurer le niveau de compatibility avec une version du JDK. Selectionnez 
Compilateur Java. Cochez la case Activer les parametres propres au projet et choisissez la version dans la liste 
deroulante. 



t- Propriety de MonProjetTest 



tmsr letexteAifttre | 
Infos 

BeanlnroPatri 
CScckstyfe 

Cherrin degeneration Ja 
38 Compileteur Java 
Emplacement Javadoc 
<^n^rateur* 
Hstorique de restr\ictufa 
KgWrericesde projet 
SB decode Java 
Velocity Web Edi: 



Conipwlatcur Java 



> 



Eflttfver les (MramStres pfOpref auproiet 

Niveau de comp=fcbiSte du ecrnpJateur : 

0UtBsw les pararnctres de compabbfite par default 

Compatible des hchiers .dass gene'es 
Compatibles de la source : 
P.ejeter tes rdent/ft^eurs appeles 'assert' : 
Rejeterfes rdentriMtS'j's appsies 'enuri' : 



Canftoiw Ifes iMramctw r1» I'^Mrf in Savjt 



6.0 


V 


1.3 




1.4 




5.0 







|6.0 



I Erred- 



Gyration de fahier 5 de classe 

[✓lAjouter Fes trtSribdts de varie^c aux fichicrs de classe gcncVes (utilises par le debogucur} 
R]Aiouter tbs Sitributs de njrrafc de ligne dans les fichbrs de classe genrres (utilises par b detngueur) 
FiAiout er ui ncm de ficrriw source au i idhier de classe centre (ifclise par le debogueur) 
0Conserver les variobres locales inutlisees (jamais bes) 

' Intsgrer bs ttocs hv&? (ffchers de classe pijs vdunvntkis nnae performaores cptmrsees) 



| Restju/ef les vaieurs, p» def aut ] | ftpeJiquer | 



OK 



Amuler 
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Application SA Cagou 

L'application SA Cagou est une application classique de gestion. Elle prend en charge les commandes des clients. Dans le 
cadre de notre etude, I'objectif n'est pas de livrer une application des en main. II s'agit de comprendre et de maitriser les 
principaux concepts objets a partir d'un cas concret. II s'agit aussi de structurer au mieux le code en adoptant une 
methode de developpement. 

Nous bornons done le developpement aux fonctionnalites suivantes : 

• Gestion de I'acces. 

• Gestion d'une page menu. 

• Gestion des clients. 



SAUL CAGOU 



HOI 



Fenetre de connexion 



/ 



CITE: ITS 

i ear 

£ 



SAW. CASOU 



4 

a 



cueuTi 



AftTlOEi 



m 



I QUITTeft 



Fenetne pour le choix des traiteme nls 



Fen It re presenfanl la lisle des clienls 
Voici les actions que I'utilisateur doit pouvoir realiser : 

• Saisie de son nom et de son mot de passe. 

• Choix d'une option dans la page menu, ici I'option concernant les clients. 

• Gestion des clients : consultation, ajout, suppression, modification, recherche. 
En fonction des actions de I'utilisateur, l'application doit : 

• signaler les erreurs ; 



Fenetre pourl'^joul d'un client 



• refuser I'acces a la page menu tant que les parametres d'acces sont incorrects ; 
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• afficher les fenetres en fonction des traitements effectues ; 

• afficher les donnees en mode fiche ou table ; 

• demander une confirmation pour toute suppression. 

Dans un souci d'ergonomie, les points suivants doivent etre pris en compte : 

• I'utilisateur doit pouvoir aussi bien utiliser le clavier que la souris pour effectuer un traitement ; 

• le curseur de saisie doit etre place au bon endroit a I'ouverture d'une fenetre ou suite a une action ; 

• le double die d'une ligne dans une table doit ouvrir une fenetre presentant les donnees de cette ligne en mode 
fiche. 
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Persistance des donnees 



La sauvegarde des donnees d'une application Java peut etre realisee de diverses manieres. La plus simple est celle qui 
consiste a les sauvegarder dans des fichiers de type texte delimite mais c'est une solution obsolete et inadaptee aux 
applications de gestion. La serialisation et le stockage dans des bases de donnees relationnelles sont des choix plus 
serieux. 

La serialisation est une solution elegante qui permet d'obtenir la persistance des objets mais elle comporte plusieurs 
variantes presentant chacune des avantages et des inconvenients. Selon le type de serialisation retenu, on est limite 
soit par la vitesse soit par le nombre de classes ou encore par leur complexite. 

Les bases de donnees relationnelles sont incontournables dans le monde de I'informatique et plus particulierement dans 
celui de la gestion. El les reposent sur une technologie eprouvee depuis des decennies et ont su integrer les donnees 
objets. Nous retenons done pour notre projet Java cette option qui est par ailleurs celle actuellement la plus utilisee. 

Parmi les nombreux SGBDR, MySQL est choisi pour ses qualites mais aussi parce qu'il est comme Eclipse un produit Open 
Source. Sa mise en ceuvre et son utilisation avec Java ainsi que le mapping objet-relationnel sont decrits au chapitre 
Base de donnees MySQL. 
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Demarche 



Pour mener I'analyse de notre projet nous utilisons UML, Unified Modeling Language. 

UML, est ne de la fusion des trois principales methodes de modelisation objet au milieu des annees 90 : OMT de James 
Rumbaugh, Booch de Grady Booch et OOSE de Ivar Jacobson. II ne s'agit pourtant pas d'une methode mais d'un langage 
graphique de modelisation des systemes d'information, autrement dit, de notation ou de representation graphique du 
domaine du monde reel que Ton desire modeliser. Ceci est d'autant plus vrai, qu'UML ne precise pas les etapes a suivre 
et comment les realiser pour parvenir des besoins au code. 

La modelisation UML s'elabore selon un formalisme graphique et s'appuie actuellement sur treize diagrammes. Ces 
derniers ne sont pas tous systematiquement utilises. Leur emploi depend de la tail le, de la nature et de la complexite du 
projet. Nous ne retenons pour batir I'application SA Cagou, qui est un projet minimaliste tel que defini au chapitre 
Presentation du projet, qu'un petit nombre de diagrammes. 

Generalement, le diagramme de classes est considere comme le plus important. II est done souvent le premier des 
diagrammes que les developpeurs elaborent. Nous choisissons dans cet ouvrage une approche Genie logiciel en nous 
inspirant de methodes basees sur UML telles que RUP ou XP. 

Nous adoptons done une demarche pilotee par les besoins des utilisateurs. Nous evitons ainsi de creer de suite les 
classes de connexion ou toute autre classe qui ne soit pas directement « perceptible » par I'utilisateur final. Par contre, 
compte tenu de la place centrale de ce dernier, nous produisons en premier lieu les maquettes representatives de la 
future application et les lui soumettons. Nous supposons egalement dans le cadre de ce livre que les validations par 
I'utilisateur des maquettes voire des prototypes sont bien entendu effectives ... 

Resumons la demarche retenue pour notre projet. En partant des besoins, nous produisons des maquettes et 
parallelement, nous elaborons le diagramme de cas d'utilisation. Nous produisons ensuite les diagrammes de sequence 
et de communication et finissons par le diagramme de classes. Tout ceci selon un cycle iteratif et incremental. 




1 ! f I r tin"-? 

1. Maquettes - Prototypes 

2. Diagramme de cas d'utilisation 

3. Diagramme de sequence 
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4. Diagramme de communication 

5. Diagramme de classes 

6. Code 

L'idee est finalement simple : pour modeliser (comprendre et representer) un systeme complexe, il est necessaire de 
recommencer plusieurs fois, en affinant son analyse par etape et en autorisant les retours sur les etapes precedentes. 
Cette demarche est appliquee au cycle de developpement dans son ensemble. Une ou plusieurs iterations permettent 
ainsi une avancee significative nommee increment. Le processus est reitere a partir de chaque increment. 




La demarche iterative et incrementale peut etre aussi appliquee aux cycles de vie classique (en cascade, en V, ...). 



Parvenu enfin au diagramme des classes, deux options sont possibles. Soit on commence de suite la production du code, 
soit on differe celle-ci pour realiser auparavant un regroupement des classes. Cet effort supplemental est guide par la 
volonte de rationnaliser le code afin de faciliter la maintenance corrective et evolutive. 

Nous veillons ainsi a determiner les classes en fonction de trois types : 



Le type dialogue regroupe les classes qui constitue I'interface homme-machine, IHM. Ce sont en majorite des classes 
graphiques issues des maquettes. Elles n'effectuent aucun traitement hormis ceux qui permettent des interactions avec 
I'utilisateur et sont responsables de I'affichage des donnees. 

Les classes du type controle etablissent la jonction entre les classes des deux autres types. Par exemple, la demande 
de creation d'un client est prise en compte par une classe controle qui la transmet a la classe entite possedant cette 
methode. On peut aussi leur confier le controle du respect des regies metiers. Les classes techniques sont egalement de 
ce type. 

Le type entite correspond aux classes propres au domaine modelise. Ces classes sont le plus souvent persistantes et 
sont implementees pour notre projet dans une base de donnees MySQL. Elles disposent des methodes dites CRUD 
(Create, Read, Update, Delete). 

Nous aboutissons a une architecture n-tiers. 



• dialogue 



• controle 



• entite 
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Ajout du plugin UML Eclipse 



II existe plusieurs plugins UML pour Eclipse, certains gratuits d'autres payants. Nous utilisons celui propose par la societe 
Omondo. Celle-ci propose une version complete et performante mais payante et une version gratuite qui permet tout de 
meme de creer onze des diagrammes d'UML2. 

Lors de I'ecriture de cet ouvrage, les diagrammes ont ete crees avec la version Free Edition 2.1.0 plus ancienne que celle 
proposee actuellement en telechargement. 

■ Telechargez la version Free Edition Eclipse 3.2 sur le site des Editions ENI a I'adresse suivante : http://www.editions- 
eni.fr/ 

eclipseUML_E320_f reeEdition_2 . 1 , . 2006 1 006 . zip 

■ Ou la derniere version si vous disposez d'Eclipse 3.3 a I'adresse suivante (celle-ci n'est pas a ce jour compatible avec 
Eclipse 3.2 : http://www.omondo.com/ 




■ Pour la version UML pour Eclipse 3.2, procedez a ^installation comme vue precedemment. 

■ Pour la nouvelle version pour Eclipse 3.3.X, procedez comme indique ci-apres : 




Please select your language (IS03 code) 
for install instructions: 



1 




Oh 





Selectionnez le dossier ou se trouve Eclipse, sinon le plugin ne pourra pas etre localise et pris en compte. Exemple 
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C:\eclipse\ 



H Instillation de EclipseUHL 2007 Euro pa Free Edition for Eclipse 3.3 


ElIB 




INTRODUCTION | INFORMATION | UCENSE ] CQNFKajRATIQN ] INSTALLATION I INSTALL COMPUTE 


fi selectiomiez le repertoire ^installation d Eclipse : 




C;\edipse\ 


■£J Paicourii ... 










41 Precedent 


t> Survatn 


U Quitter 





Validez la selection par defaut en cliquant sur le bouton Suivant. 



Installation de [clips cUML 2007 Euro pa Free Edition for Eclipse 3.3 




INTRODUCTION | INFORMATION | LICENSE | CONFIGURATION | INSTALLATION | INSTALL COMPLETE 



u- LcspaqLictagessuivarits sent disponiblcs: 



HEtlipseLTMLCore 

[✓l Documentation Generation 

^iDocu mentation 

0GEF 3.3.1 

0EMF 2.3.1 

0UML2 2.1.1 



E space total re(iuis:74.48 MB 



EclipseUML Core 

• Class Diagram 

• Sequence Diagram 

• Use Case Diagram 

• Collaboration tfegram 

• Activity Diagram 

• Stats Diagram 

• Object Diagram 

• Component Diagram 

• Deployment Diagram 

• Color s 



+ Templates 

* Reverse Engineering 

* Refactoring 

* Version Centre* 



41 Precedent 


O Siiivatit 


IE] Quitter 





Apres I'installation vous pouvez modifier certains parametres du plugin d'Eclipse selon vos preferences de travail. 
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Dans le menu Fichier, choisissez le menu Fenetre puis le sous-menu Preferences. 



Preferences 



trer le texts du filtre 



General 
Aide 
Ant 

Checkstyle 

Developpernent de plug-i 
Equipe 

Execution/Debogage 
Installation/Mise a jour 
Java 



+ 
+ 
+ 

+ 
+ 
+ 
+ 
+ 

Q- Class Diagram 
Code Generation 
Sequence Diagram 
Velocity Web Edit 
Veloeclipse 



< 



UML 



Preference UML globale 



Options Impression Diagram Board 



Appearance 
-Initialisation 

Afficher I'ecran de lancement d'Omondo 



Bar d'outil 
avec Separateur 

0avec Image 

Oavec Texte 



Presentation des Diagrammes 

O Omondo 

O UML Standard 

Eclipse 



Restaurer les valeurs par defaut Appliquer 



OK 



Annuler 
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Diagramme de cas d'utilisation 



Les diagrammes retenus pour notre projet sont presentes succinctement. Concernant leur etude approfondie, consultez 
les ouvrages traitant d'UML. Nous voyons ici leur mise en oeuvre avec le plugin Free Edition d'Eclipse. Les diagrammes 
elabores selon la demarche decrite precedemment vous sont proposes a titre indicatif. 

Le diagramme de cas d'utilisation comme souligne dans la section Demarche de ce chapitre, est a la fois le plus simple et 
souvent le moins utilise. Nombre de developpeurs lui attachent encore peu d'importance. Ceci est peut-etre du a 
I'heritage de Merise et de la plupart des premieres methodes objets (avant la fusion d'OMT, OOSE et Booch) pour 
lesquels il n'existe pas d'equivalent et dont I'element principal, en ce qui concerne Merise, est le modele conceptuel des 
donnees, modele presentant des similitudes avec le diagrammes de classes. 

II s'agit avec le diagramme de cas d'utilisation de definir le comportement de la future application vis-a-vis de I'utilisateur 
ou de son environnement (autres systemes informatiques, automates...). II permet une comprehension commune entre 
le maitre d'ouvrage et le maitre d'ceuvre, autrement dit entre le client, qu'il soit simple utilisateur ou expert, et le 
developpeur. Les cas d'utilisation ne presentent que les interactions et les fonctionnalites attendues du systeme en 
cours de developpement. lis ne decrivent en rien les fagons d'y parvenir. Durant le developpement, ils servent de 
references permettant de verifier que les besoins exprimes sont effectivement satisfaits. 

Nous allons commencer par creer le dossier du projet SA_Cagou et un sous-dossier UML_Cagou dans lequel nous 
rangerons nos classes. 

■ Dans le menu, choisissez Fichier - Nouveau - Projet. 



■ Ne saisissez rien. Cliquez sur le bouton Suivant. 



■ Nommez le projet SA_Cagou puis cliquez sur Suivant. 

Vous parvenez a I'ecran suivant : 
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€= No uvea u pro jet Java 



Parametres Java 

Definisse? les parametres de generation Java. 




(3 Source | & Projets . Eft Bibfatheqijes jj % Ordns et exportatio n | 







e 5ft_cajou 




{£} (package par def aut) 





t Details 

Creer un dossier source i utitses cstte option pour ejouter un nouveau dossier source a votre proiet, A 

+p Lier rjne Sourte sugplententanfe ; utilises ce*te option pour utilizer un dossier cSu systenne de fiehierS cojnnne 
dossier source supplemental. 

&t Configurer des filtres conclusion et d'exclusion : spedfiez des masques pour les f ilttes d"riclusfan et 

d'e^dus^n4jlieud'inclure«d'e)<clurech4queo^ssieroufichiermsriueltemen(, v 

□ Permettf e des dossiers de sortie pour les dossiers source 
oossier de sortie per d4r*Jt : 



PSJCOUrir, 



[ < Precedent Siivant > Ternvner Annuler 



Cliquez sur I'option Creer un dossier source puis saisissez UML_Cagou pour le norm du dossier puis cliquez sur 
Terminer. 



No uvea if pro jet Java 



Parametres Java 

Defwiissez les parametres degeneration Java. 



Source IB Projets ; £a EiWothequK || % Qrdre et exportation 



*' H- I ■«> 4 i&- 



3 Sz3 SA_Cagou 
IS i3 UML_C*jou 



Nous allons maintenant creer le diagramme de cas d'utilisation. 

■ Selectionnez le sous-dossier UML_Cagou et cliquez sur Fichier - Nouveau - Projet - Autre. 
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Dans la fenetre de creation, deployez le dossier UML Diagram, selectionnez UML Use Case Diagram puis cliquez sur 
le bouton Suivant. 




Selection d'un assistant 




Assistants : 
entrer le texte du filtre 



□ UML Diagrams 




UML Activity Diagram 




i ^ UML Class Diagram 




^ UML Collaboration Diagram 




r *jf" UML Component Diagram 




; |aj] UML Deployment Diagram 




Ef^ UML Object Diagram 




l- ^u UML Profile Diagram 




^ UML Robustness Diagram 




UML Sequence Diagram 




f% UML State Diagram 




Exemples 



(?) 



< Precedent 



Suivant > 



Terminer 



Annuler 



Selectionnez le sous-dossier UML_Cagou et nommez le diagramme DUseCases.uud puis cliquez sur Terminer. 
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No uvea u Diagramme Use Case U 



Diagramme Use Case UML 

Nouveau Diagramme Use Case UML. 




Entrez ou selectionnez le dossier parent : 



SA_Cagou/UML_Cagou 



ft <> o 


&■& MonProjetTest 
□ ■£7 5A_Cagou 

| & bin 

& UML_Cagou 





Nom de fichier : 



DUseCases.uud 



Options avancees >> 



® 



< Precedent Terminer Annuler 



Le diagramme est genere. Bien entendu, il est vide. Pour commencer, nous allons retirer le quadrillage. 



DUseCases.uud - DUseCases 




Q * O □ 73 


1/ / 








A 






1 


100 


1 


20 


J 1 300 







































































































■ Effectuez un die droit sur le diagramme et choisissez Proprieties. 

■ Decochez I'option Grid dans I'onglet Board properties. 

■ Utilisez la barre d'outils pour batir le diagramme. 

Le diagramme de cas d'utilisation propose ci-apres presente les interactions possibles de I'utilisateur avec notre systeme 
limite a la gestion des clients. Celui-ci doit pouvoir apres identification, consulter, ajouter, supprimer, modifier et 
rechercher un client. 
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Diagramme de sequence 



Le diagramme de sequence s'attache a modeliser I'aspect dynamique du systeme. II peut etre compare a un storyboard 
mettant en evidence les interactions existantes entre des objets du systeme. L'accent est mis sur I'ordre chronologique 
des messages emis. 

Pour chaque action de I'utilisateur definie dans le diagramme de cas d'utilisation, il convient d'etablir un diagramme de 
sequence. Nous allons prendre pour exemple I'ajout d'un client. 

■ Selectionnez le projet SA_Cagou et cliquez sur Fichier - Nouveau - Projet - Autre. 

■ Dans la fenetre de creation, deployez le dossier UML Diagram, selectionnez UML Sequence Diagram puis cliquez sur 
le bouton Suivant. 



■ Selectionnez le sous-dossier UML_Cagou et nommez le diagramme DSequence.usd puis cliquez sur Terminer. 



Le diagramme est genere avec une autre barre d'outils. 





j: 


J *D5equence.usd - D5equence 










E) s 


f A 




r i 100 i 


20i 


i 





























































■ Utilisez cette barre d'outils pour batir le diagramme. 



Le premier diagramme propose ci-apres peut etre utilise si I'application est developpee avec un langage non objet. 
L'acces a la base de donnees est direct. 



FBN Ccnrie-xian 






FEhi fewiu 


FENCltri 













>i:cc50fi; 



'] 



C»ertcO 



0! 



Avec les langages orientes objet comme Java, toutes les tables de la base de donnees ont leur pendant en terme de 
classes. L'acces a la BD n'est done pas direct car la demande par exemple d'ajout de I'utilisateur doit pour le moins 
transiter auparavant par une classe representative de la table Clients. 

Le second diagramme tient compte de ces remarques et comporte en outre un deuxieme objet supplemental 
Demandes qui prend en compte la demande d'ajout dans notre exemple et la transmet a I'objet Clients pour traitement. 
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Diagramme de communication 



Le diagramme de communication est equivalent du point de vue semantique au diagramme de sequence. II presente par 
contre I'organisation structurelle des objets tout en mettant comme precedemment en evidence les messages emis ou 
recus. 

II est tres facile de produire le diagramme de communication. 



Placez le curseur dans le diagramme de sequence en evitant les objets. Effectuez un die droit et choisissez I'option 
Generate collaboration diagram. 

Le diagramme est genere avec sa barre d'outils. 

^] Q * □ / m#A 



100 



utilisateur 



200 



300 



400 



EOO 




FEN Client 


+ 3.1 


Demandes 


3.1 .1 


Clients 








Les numeros correspondent aux methodes du diagramme de sequence. Par exemple, le n° 1.1 correspond a verifier 
()■ 



Dans le diagramme de sequence, effectuez un double die sur le mot verifierQ ou sur sa fleche. 
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— Mess 



Message 

Propriete du message 



Label: 
Operation 

Nornbre de la Sequence 

I I Creation 

I I Destruction 

W\ Fleche retour 

Synchronisation 

W\ Atomic delivery 



verifier() 



Add new 



1.1 



Synchronous 



OK 



Annuler 



Eclipse a conserve I'appellation d'UML 1 pour designer le diagramme de communication. Avec la version Free 
Edition, il n'est pas possible de generer le diagramme de sequence a partir du diagramme de communication. 
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Diagramme de classes 



Le diagramme de classes est utilise pour modeliser I'aspect statique d'un systeme. II met en evidence les classes et les 
relations qu'elles entretiennent entre elles : dependances, association, generalisation, etc. Selon I'importance du 
systeme a modeliser, des diagrammes de classes intermediates peuvent etre utilises notamment les diagrammes des 
classes participantes qui decrivent, pour chaque cas d'utilisation, les trois principales classes d'analyse et leurs relations 
(cf. dans ce chapitre, le titre Demarche). 

Selon la demarche retenue, nous pouvons (enfin) a ce stade produire le diagramme de classes. II doit comporter les 
classes mises en evidence par les objets presents dans les diagrammes de sequence et de communication ainsi que 
celles eventuellement manquantes, necessaires au fonctionnement des maquettes (cf. titre Demarche). 



■ Selectionnez le projet SA_Cagou et cliquez sur Fichier - Nouveau - Projet - Autre. 



■ Dans la fenetre de creation, deployez le dossier UML Diagram, selectionnez UML Class Diagram puis cliquez sur le 
bouton Suivant. 



■ Selectionnez le dossier UML_Cagou, nommez le diagramme DCIasses.ucd puis cliquez sur Terminer. 



Le diagramme est genere avec sa barre d'outils. 





IS 




m & ^ ^ 
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;'' "° 
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Le diagramme des classes propose decoule des diagrammes de sequence et de communication Ajout d'un client et de 
ceux (non reportes ici) representant les autres actions de I'utilisateur recensees dans le diagramme de cas d'utilisation. 
S'ajoute egalement une classe graphique supplemental FenResultatRecherche issue des maquettes qui permet 
d'afficher le jeu d'enregistrements d'une requete SQL dans une fenetre. 



jj ili.ilnijiiej 



FenTablcClieiil 



t 



3 FenResiiltiitRechei die 



© Fen Menu 



"1 



7 G CJie nt 



© FeuCoiuiexioii 



N 



Q FenFidieCliem 



j enlite | 



O Pai.-uiieites 



■ ■> 



$ coii,lr&le [ 



3 CestionDcnidiiiil&s 



9 



Controls Connexion 



La classe FenConnexion possede la methode main(). C'est done la premiere classe qui est executee. El le appelle 
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ensuite la classe ControleConnexion qui a besoin de la classe Parametres. Si les parametres de connexion sont 
corrects, la classe FenMenu est chargee. Celle-ci est une fenetre qui propose differents choix de traitements. Rappelons 
que nous avons limite I'etude a la gestion des clients. 

Nous pouvons constater que les classes de type vue, FenTableClient et FenResultatRecherche ont un acces direct a la 
classe Client. II est d'usage d'accorder cette autorisation des lors qu'il s'agit d'une simple lecture de la base de donnees. 

II est bien entendu possible d'ajouter a la classe GestionDemandes, une methode de consultation mais cela n'aurait que 
peu d'interet et alourdirait le code. Par contre, toutes les demandes d'operations pouvant modifier I'etat de la base de 
donnees doivent transiter par la classe GestionDemandes. Les demandes sont ensuite transmises a la classe Client qui 
possede toutes les methodes de type CRUD (Create, Read, Update, Delete). 

Enfin, nous observons une relation d'heritage entre les classes Personne et Client. 



Ce diagramme base sur les trois types de classes d'analyse presentes precedemment propose un decoupage 
semblable a celui propose par le modele MVC, Modele Vue Contrdleur. MVC, cree en 1980 par Xerox PARC pour le 
langage Smalltalk, est un patron de conception logicielle ou design pattern qui introduit en outre le concept de 
synchronisation. L'idee est de mettre a jour automatiquement toutes les vues presentant les memes donnees en 
fonction des modifications apportees a la base de donnees et reciproquement. Cette mise a jour peut ne concerner 
que des vues suite a des actions de I'utilisateur. C'est ce qui differencie fondamentalement MVC de I'approche que 
nous avons mise en ceuvre, celle-ci visant essentiellement a la separation des donnees de I'interface homme-machine 
via une couche chargee de la transmission des demandes et des resultats. 



MVC ne presente toutefois pas que des avantages. Pour que la synchronisation puisse etre realisee, il faut creer de 
nouvelles interfaces et classes de type ecouteur et gestionnaire d'evenements puis les ajouter aux modeles afin qu'ils 
puissent ecouter et notifier les changements qui les concernent. Les controleurs doivent etre ecrits de sorte qu'ils 
puissent etre informes des changements afin de proceder a la synchronisation et a la mise a jour des vues ou des 
modeles. Cette architecture apporte done un niveau de complexite eleve impliquant un important travail de conception et 
une augmentation importante du code. Par ailleurs, la synchronisation peut etre tributaire de nombreuses conditions ce 
qui alourdit d'autant sa mise en ceuvre. 

Voyons ensemble comment batir le diagramme de classes. Commengons par ajouter au projet un autre sous-dossier 
Classes_Cagou qui contiendra trois paquetages portant les noms de nos classes d'analyse : dialogue, controle et 
entite (ne mettez pas d'accent). 

■ Selectionnez le projet SA_Cagou et cliquez sur Fichier - Nouveau - Projet - Dossier source. Nommez-le 
Classes_Cagou. 

■ Ajoutez les trois paquetages. 

SA_Cagou 
& ■& UML_Cagou 
B-0 Classes_Cagou 
i III ffi controle 
E-tB dialogue 
| El fS entite 

&~Wk Bibliotheque systeme JRE [jrel ,6.0_03] 

Nous allons maintenant creer nos classes en commengant par les classes de type entite. Nous les rangerons dans le 
paquetage entite. 

■ Cliquez sur cette icone. 



m & S 7* i£ 

Creation d'une classe 



■ Selectionnez le dossier source et le paquetage. Saisissez Personne pour le nom de la classe. Laissez les parametres 
par defaut et cliquez sur le bouton Suivant. 
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No ii velle ciassc Java 



Oasse Jays 

(Tree! una classe Java 



[3 




Dossbj stjurit ! 
Package i 

□ "Type englobant : 



SA_C*goufChs**S_CagDU 



Pjrcaurir. 



PJrfiOurir. 



PbKGU'll 



Mam : 

Modificateure : 

Super cfesse : 
Interfaces : 



| Farsanrn 

©public OValeurpardefaut 

□ abstract □ final 



prwate 



jwa.Iarig. Object 



'protected 



Parsourir. 



fljouter., 



Suppmer 



Quels r accords de ntelbode voulez-vous creBr ? 

O public Static void rftai-iCStrilglJ args) 

□ Conslructeurs de la superclass^ 
0Methodes abstraitej lieritees 
VcuIbz-vdus aputer des comrriEntairBs: oonf armament a la configuration specifies dans les prcpfietss du propel seJectionne ? 
Q Gen wer les cainrnflnft4"r*e 



© 



: in Suivant > 



Terminer 



flnnule? 



ti\ De nombreux parametres sont disponibles et leur choix allege I'ecriture du code. Nous prenons I'option dans le 
*V cadre de cet apprentissage de ne rien cocher ce qui vous permettra de coder vous-memes en suivant les 
explications donnees au chapitre Developpement. 

La classe apparait dans I'explorateur de paquetages et le code correspondant a cette classe est genere. Effectuez au 
besoin un double die sur la classe pourfaire apparaitre le code. 

■ Creez les deux autres classes entites, Client et Parametres. 

■ Materialisez la relation d'heritage dans le diagramme de classes. Le code est automatiquement mis a jour. 



eisonne 




*Personne.java 



[j] Parametres. java 



package rnodele; 

public class Client extends rnodele . Per sonne { 

> 



Nous allons maintenant regrouper ces classes dans leur paquetage. 



Cliquez sur le paquetage entite dans I'explorateur et deposez-le dans le diagramme de classes. Deplacez ensuite les 
classes dans ce paquetage. 
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Pour les classes graphiques, nous allons proceder differemment afin de beneficier des avantages apportes par le plugin 
Visual Editor (cf. chapitre Environnement de developpement). 

■ Faites glisser le paquetage dialogue de I'explorateur de paquetages vers le diagramme. Agrandissez-le pour qu'il 
puisse recevoir la representation graphique des cinq classes. 

■ Dans le menu, choisissez Fichier - Nouveau - Projet - Visual Class. 

■ Saisissez FenConnexion puis validez selon les parametres ci-apres. Cette fenetre comporte la methode principale 
mainQ. 
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Java Visual Class 

Create a new Java Visual Class. 



Dossier source : 
Package : 

I I Type englobant : 



5A_Cagou/Classes_Cagou 



Norm : 

Modificateurs 
Style: 



FenConnexion 



public O Valeur par defaut 

□ abstract □ final 



□ Swing 

|& Applet 

^ Application 
-Cg Desktop Pa 
■B Dialog 

□saa 

- El Internal Fr< 

□ Panel 
■•fl Scroll Pane 
■■■HI Split Pane v 
> 



Superclasse 
Interfaces : 



ja vax . swing . JFrame 



protected 



< 



Which method stubs would you like to create? 

W\ public static void nnain(String[] args) 

I I Constructors from superclass 

W\ Inherited abstract methods 
Voulei-vous ajouter des commentaires conformernent a la configuration specifiee d 

HI Generer les commentaires 



(?) 



Terminer 



Annuler 



Renouvelez I'operation pour les quatre autres fenetres. 



Selectionnez dans I'explorateur de paquetages, la classe FenConnexion. 



G FenConnexion 




n iContentPane: JPanel 
serialVersionUID: long 



cf FenConnexion() 

■ getJContentPaneC): JPanel 

■ initializeQ 



La classe graphique apparait avec ses proprieties, le constructeur et ses methodes. Vous allez les masquer pour gagner 
de la place. 

■ Effectuez un die droit sur le titre de la classe et choisissez Show/Hide Compartment puis Name Compartment only. 

■ Renouvelez I'operation pour les quatre autres fenetres. 

■ Ajoutez maintenant le paquetage contrdle et ses classes au diagramme en vous basant sur les operations realisees 
pour le paquetage entite. 
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Etablissez les dependances entre les classes et les paquetages. 



75 l/ O > 



Dependancef 



Pour modifier le type de connexion, double cliquez sur les fleches de dependance. 



De pendency 



Dependency properties 

UML properties 




Connection || B Tagged Values | H_ Routeur 

Selectionner I'algorithnne du routeur: 
O Manuel Manhattan 



W\ Autonnatique 



OK 



Annuler 



^^Vous pouvez masquer ou supprimer une classe du diagramme. Attention, la suppression d'une classe du 
v*T diagramme la supprime egalement du projet. II est impossible d'annuler I'operation. Le message propose par 
Eclipse n'est pas tres explicite a ce sujet. 



Attention 



tf I Cette operation efface tous les nnodeles associes aux objets.On ne pourra 
,*J revenir en arriere.Voulei-vous quant meme continuer? 

^| Ne plus redemander 



OK 



Annuler 



Au terme de I'analyse, voici la structure obtenue sous Eclipse : 
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□ ■£7 5A_Cagou 
& & UML_Cagou 

£Q DClasses.ucd 

I DClasses.unnl 

III DComnnunication.uld 
^ DSequence.usd 
DUseCases.uud 
B -Q3 Classes_Cagou 
B f|} controle 

ControleConnexion.java 
B [7] GestionDemandes.java 
E-[T| package-info. java 
E-fB dialogue 
i e a FenConnexion.java 
E- [T| FenFicheClient.java 

FenMenu.java 
E-[T| FenResultatRecherche.java 
E-[j) FenTableClient.java 
S [£| package-info. java 
! B-{0 entite 

lj- El Client .java 

Parannetres.java 
E-[T) Personne.java 
B ^ Bibliotheque systeme JRE [jrel ,6.0_03] 
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Installation et configuration du serveur WAMP 



Pour une installation ou une mise a jour, vous pouvez vous rendre sur differents sites de telechargement. La version de 
WAMP 5 utilisee lors de I'ecriture de cet ouvrage est la 1.4.4. 

Les explications et les copies ecran qui suivent concernent cette version. Les operations a mener pour des versions plus 
recentes peuvent etre differentes. 

■ Double cliquez sur l'icone. L'installation se fait automatiquement. Vous pouvez laisser les options par defaut. 



m 



Une fois l'installation terminee, I'application est lancee et son icone apparait dans la barre des taches. 



L'icone doit etre entierement blanche. Dans le cas contraire, certains services n'ont pu etre charges correctement. II faut 
alors relancer tous les services en effectuant un die sur l'icone et en choisissant Restart All Services. Si le probleme 
persiste, quittez WAMP en effectuant cette fois-ci un die droit et en choisissant Exit puis relancez I'application. 



L'application SA Cagou ne comportant pas de pages Web et d'applets, le serveur Apache peut etre actif ou arrete 
sans provoquer de dysfonctionnements. 



Lors de la premiere utilisation, I'acces a MySQL ne comporte pas de mot de passe. Nous allons en ajouter un. 

■ Effectuez un die sur l'icone dans la barre des taches et choisissez phpMyAdmin. WAMP vous adresse un message. 



"Votre fichier de configuration fait reference a Tutllisateur root sans mot de 
passe, ce qui correspond a la valeur par defaut de MySQL. Votre serveur 
MySQL est done ouvert aux intrusions, et vous devriez corriger ce probleme 
de securite." 



Sur la page principale cliquez sur Privileges. 



^ Afficher I'etat du serveur 

GD Afficher les variables du serveur CD 

^ Afficher les processus © 

fjjl Jeux de caracteres et interclassernent 

Sji Privileges 

|pl Bases de donnees 

pi Exporter 



ABCDEFGHIJKLMNOPQRSTUVWXYZ [Tout afficher] 



Utilisateiir 


Serveur Met tie passe 


Privileges glohaux 


"Grant" 


□ 


Nlmpprte quel 


local host Ngn 


ALL PRIVILEGES 


Qui 




n 


root 


local host Qui 


ALL PRIVILEGES 


Qui 





Veuilfez noler que les noms fie privileges sonl exprimes en anglais 
"t Tout cocher / Tout teacher 



Change? les privileges 
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■ Cliquez sur I'icone Changer les privileges en face de root. Saisissez votre mot de passe. Celui utilise dans 
I'application SA Cagou est "tempo", en minuscule (sans les guillemets). 



Modifier le mot de passe 


o 


aucun mot de passe 


o 


Mot de passe: 






Entrer a nouveau: 







Executer 



Apres la creation du mot de passe, un message apparait. 

Le mot de passe de 'root'@'localhost' a ete change. 

-requete SQL: 

SET PASSWORD FOR 'root'® localhost' = PASSWORD( ) 

[ Modifier ] [ Creer source PHP ] 

Les parametres de I'utilisateur root ont ete modifies. II vous faut mettre a jour ces donnees dans le config.inc.php. 

■ Ouvrez le fichier config.inc.php. II est habituellement dans le dossier suivant : C:\wamp\www\phpmyadmin. 

■ Recherchez la ligne suivante : $cfg['Servers'][$i] ['password'] et effectuez les modifications. 



config.inc.php Avant 


config.inc.php Apres 


$cfg['Servers'][$i]['password'] = "; 


$cfg['Servers'][$i]['password'] = 'tempo'; 



Ou mettez votre propre mot de passe a la place de "tempo". 
■ Relancez le serveur MySQL en cliquant sur Restart Service. 
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Creation de la base de donnees MySQL 



MySQL gere plusieurs types de tables : MylSAM, InnoDB et Heap. Nous retenons le type MylSAM pour sa stabilite et sa 
facilite de mise en ceuvre. 

La base de donnees de I'application SA Cagou est composee de quatre tables : client, article, commande, 
ligne_commande. Nous allons les creer rapidement a I'aide de phpMyAdmin en limitant le nombre de champs au strict 
minimum. 



■ Effectuez un die sur I'icone de WAMP et choisissez phpMyAdmin. 



■ Assurez-vous que (Base de donnees)... est visible dans la liste deroulante a gauche puis cliquez sur : 



pi Bases de donnees 

■ Dans le champ Creer une base de donnees, saisissez bdjavacagou. 

MySQL vous propose ensuite de creer les tables. 

■ Creez la table client selon les donnees ci-apres en choisissant I'onglet Structure : 

J] Creer une nouvelle table sur la base bdjavacagou: 

Norn: [client 

Champs: [3~~ Executer 



Champ 



Typed) 



Taille/Valeurs* 



Null 



|Code 


VARCHAR 


V 


1= 


|Nom 


VARCHAR 


V 




20 


|Type 


VARCHAR 


V 




20 



not nu 


1 iT, 


© 


not nu 


1 v 


o 


null 


V 


o 



Type de la table 
MylSAM v 



rfs Le champ Code est declare cle primaire, seul le champ Type est autorise a avoir une valeur nulle. Les champs 
w Code et Nom peuvent recevoir des chames de caracteres de longueur variables. Le type de table retenu est 
MylSAM. 



■ Cliquez sur le bouton Executer. 



Champ 


Type 


Code 


varcha.r(5) 


Nom 


varchan'20) 


Type 


varchar(15) 



client 

■ Creez les autres tables selon les structures suivantes : 
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\* 1 1 a 1 1 1 1J 


Type 


Code 


varchar(8) 


Designation 


varchar(20) 


Descriptif 


text 



article 



Champ 


Type 


Mi imprn 

1 i L! 1 1 1 ■_• 1 


intflU 


Date 


date 


■Code_Client 


varchar(5) 



commande 



[ ha wn r 1 

V_r 1 1 a 1 1 1 13 


Type 


Num Commande 


intern 




Code Article 


varchan'8) 


Quant ite 


int{11) 



ligne_commande 



Veillez a bien declarer comme cles primaires, les champs Num_commande et code_Articie de 

la table iigne_commande. Ce sont des cles etrangeres permettant d'etablir le lien avec les 
tables commande et article. Pour la table commande, indexez le champ code_ciient. Les index 
permettent d'accelerer les recherches et les jointures. 

Evitez les accents, et par la suite I'orthographe mais aussi la casse des tables et des champs devront etre 
rigoureusement respectees dans le code Java (il en est de meme pour PHP). 







Les contraintes d'integrite referentielle ne sont pas abordees ici. Pour en beneficier, il faut choisir pour les tables 
le type InnoDB et passer par I'editeur SQL pour leur creation. Exemple : 



CREATE TABLE commande ( 
Num_Commande INT NOT NULL, 
Date DATE, 

Code_Client VARCHAR ( 5 ) NOT NULL, 
PRIMARY KEY ( Num_C ommande ) , 

FOREIGN KEY (Code_Client ) REFERENCES client (Code) ON DELETE CASCADE ON 
UPDATE CASCADE) TYPE = InnoDB; 

Cette requete fait I'hypothese que la table client est aussi au format InnoDB. II est possible de convertir des tables ISAM 
au format InnoDB et d'utiliser dans une meme base de donnees differents types pour les tables, ce qu'il vaut mieux 
toutefois eviter. 

Nous allons etablir les relations entre les tables. 

■ Cliquez sur le nom de la table commande a gauche puis sur : 

i^Gestion des relations 

■ Precisez la cle primaire de la table maitre pour la cle etrangere. 



Relie a 




Relations internes 


Num Commande 




V 


Date 




V 


CodeClient 


client->Code 


V 



Executer 



Faites de meme pour la table ligne_commande pour les champs Num_Commande et Code_Article. 
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Requetes SQL 

Nous allons ajouter quelques enregistrements par table puis interroger la base de donnees a I'aide de requetes SQL : 





BOl 


BAUMIER SA 


Societe 


client 


DR1 


DROUX 


Particulier 




LAI 


LANGLE 


Artisan 




ACL1 


clavier 




article 


AEC1 


ecran 






APOl 


portable 




commande 


11 


BOl 


14/05/08 




22 


LAI 


15/05/08 




11 


ACL1 


5 


ligne_commande 


11 


AEC1 


5 




22 


ACL1 


1 



La commande 11 concerne le client BAUMIER SA qui a commande 5 claviers et 5 ecrans. Le client LANGLE n'a commande 
qu'un clavier et le client DROUX n'a encore rien commande. 

■ Pour ajouter des enregistrements, cliquez sur le nom de la table a gauche puis sur I'onglet Inserer. Saisissez les 
valeurs puis cliquez sur le bouton Executer. 

Nous voulons la liste des clients. 

■ Cliquez sur le nom de la table client a gauche, saisissez la requete suivante dans I'editeur SQL puis cliquez sur 
Executer. 

SELECT * FROM client 

MySQL encadre systematiquement les champs par des "quotes" que Ton peut obtenir en 

appuyant simultanement sur les touches [Alt Gr] et la touche 7-e-\ Ces caracteres sont 
facultatifs. Par contre, les chames de caracteres et les dates doivent etre encadrees par des 
guillemets ou des apostrophes (a ne pas confondre avec les "quotes"). 

Quelques autres exemples de requetes de selection : 

• Pour obtenir la liste des clients qui sont des particuliers : 

SELECT * FROM client WHERE Type = "Particulier" 

• Pour obtenir la liste des clients qui ont passe des commandes : 

SELECT * FROM client, commande 
WHERE Code = Code_Client 

La deuxieme requete necessite une jointure entre les deux tables a partir de la cle 
primaire de la table client et de la cle etrangere de la table commande. Les enregistrements 
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affiches sont ceux dont les valeurs de la cle primaire sont egales a celles de la cle etrangere. 

Pour finir nous testons une requete "action" qui modifie I'etat de la base. Celle-ci double le nombre de claviers 
commandes par le client LANGLE. 

• Dans I'editeur SQL, saisissez la requete suivante : 

UPDATE ligne_commande SET Quantite = Quantite * 2 WHERE Num_Commande = 22 

Pour de plus amples informations sur les requetes SQL, consultez la documentation de MySQL. 
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Installation du pilote ODBC pour MySQL 



ODBC, Open Database Connectivity, gere de nombreux pilotes permettant d'etablir la communication entre des 
applications clientes et des SGBD. Ce n'est pas la solution la plus performante mais elle presente I'avantage de la 
simplicite. Elle est par ailleurs disponible gratuitement sur pratiquement toutes les plates-formes. 

La procedure d'installation est tres simple. 



■ Telechargez le driver ODBC pour MySQL : 
http://dev.mysql.eom/downloads/connector/odbc/3.51.html 

■ Decompressez le fichier puis lancez le setup. 







nnysql-connector-odbc-3 . 5 1 . 1 
3 540 Ko 



Setup.exe 



\3 MySQL Connector/ODBC 3.51 - Setup Wizard 



□ 




Welcome to the Setup Wizard for MySQL 
Connector/ ODBC 3.51 



The Setup Wizard will allow you to modify, repair, or remove 
My5QL Connector/ODBC 3.51. To continue, click Next. 



MySQL 



< Back 



Next > 



Cancel 



■ Lancez le programme ODBC de Windows (Panneau de configuration - Outils d'administration). 




odbcad32.exe 



■ Cliquez sur I'onglet Source de donnees systeme puis sur le bouton Ajouter... Choisissez le driver pour MySQL que 
vous venez d'installer. 
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Administrateur de sources de donnees ODBC 



PilotesODBC T ravage Groupennent de connexions Apropos 

Sources de donnees utilisateur Sources de donnees systeme | Sources de donnees fichier j 



Sources de donnees systeme : 



Norn 



Pilote 



Ajouter.. 



I 



Cieer une no live He source de donnees 



J 




Selectionnez un pilote pour lequel vous souhaitez definir une source 
de donnees. 



Norn 


| Version A| 


Microsoft Text Driver ("txt; K .csv) 


4. 00.6304 


Microsoft Text-Treiber (*.txt; x .csv) 


4.00.6304 


Microsoft Visual FoxPro Driver 


6.00.8167 


Microsoft Visual FoxPro-Treiber 


6.00.8167 
3.51.17.01 


MySQL ODBC 3.51 Driver I 


ODBC Driver for 4D Server 


6.70.00.01 


PD BTrieve 


3.01.00.01 


PD DB2/2 

r-iri jn 


3.01.00.01 v 

■- nn ni 




> 



Terminer 



Annuler 



Configurez les parametres de la source de donnees. 

Le nom donne au Data Source Name doit etre explicite et ne pas comporter d'espace. Par commodite pour le 
developpement Java que nous allons realiser, conservez le nom propose ci-apres. 

Pour le serveur, saisissez localhost. Le DSN etablit la correspondance entre le nom et I'adresse IP du serveur. Vous 
pouvez le tester en tapant a la place 127.0.0.1. 



Pour le User et le password, il faut reporter ce qui a ete retenu lors de I'installation de WAMP : root et tempo. 
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! Connector/ODBC 3,51.17- Configure Data Source Name 



Connector/ODBC 



login Gcmnect Options II Advanced 



Data Source Name BDJavaCagou 
Description 



Server 
User 

Password 
Database 



localhost 



| root 



Mj-ivacagau 



cs>\ 



Test Diagriostlcs >> 



MySQL- 



Connector/ODBC Configuration 



Thii dialog is used to edit a Data Source Name 
(DSN). 



Connector/ODBC 












Ok 




Cansel 


Help 



Assurez-vous que WAMP est actif puis testez la connexion. 
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JDBC 



JDBC, Java Database Connectivity, permet a des applications clientes developpees en Java d'acceder a des bases de 
donnees relationnelles. C'est une API pour laquelle il existe quatre types de pilotes dont les performances et la 
portability sont variables. 

Pour notre projet, nous utilisons le type 1 base sur ODBC. Les appels JDBC sont dans ce cas convertis en appels ODBC. 
Celui-ci les transmet au SGBDR qui traite les requetes SQL regues. De meme, les jeux d'enregistrements retournes 
utilisent la passerelle ou pont JDBC/ODBC entre I'application Java et la base de donnees. 



Application 
3 A Cagou 







I 



JDBC 






I 


ODBC 








I 










BD 

MySQL 







Les principales operations realisees sont les suivantes : 



1. Chargement du pilote 

2. Etablissement de la connexion via le pont JDBC/ODBC avec la base de donnees 



3. Execution des requetes SQL par le SGBDR MySQL 

4. Recuperation des jeux d'enregistrements (pour des requetes de selection) 

5. Fermeture des jeux d'enregistrements (si existants) 



6. Fermeture de la connexion 



JDBC fournit toutes les classes utiles pour gerer ces operations. Nous verrons precisement dans la section Gestion de la 
connexion du chapitre Developpement, comment les utiliser pour exploiter la base de donnees MySQL. 
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Autres types de pilotes 



II existe trois autres types de pilotes JDBC : 

• Type 2 : pilote dont une partie est ecrite en java et I'autre dans le langage du SGBDR. Les appels JDBC sont 
convertis en appels natifs. Son utilisation necessite I'installation de la partie native sur le client. Autre 
inconvenient : la perte de la portability du code ce qui exclut son utilisation avec des applets. 



Application 



Driver 




• Type 3 : pilote totalement ecrit en Java communiquant avec le SGBD via une application middleware. La 
portabilite et I'utilisation avec les applets sont done assurees. 



Application 
Applet 



Driver Java 



I 

Middleware 




BD 

■ ^ 



• Type 4 : pilote totalement ecrit en Java avec un acces direct au SGBD. Comme pour le type precedent, la 
portabilite et I'utilisation avec les applets sont assurees. Ce sont les editeurs de SGBD qui fournissent ce type de 
pilotes. 
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Application 
Applet 



Driver Java 




De nombreux drivers sont disponibles sur le site de Sun (http://java.sun.com/) dans la section Downloads. Pour acceder 
rapidement aux drivers, tapez dans le champ de recherche "drivers for MySQL". 



Search 




Browse All 



JDBC™ API version: Any v 
Vendor Name 




Certified for J2EE™: n j 2 EE 12 □ J2EE 1.3 DJ2EE 1.4 □ Java EE 5 [am v| 



[help) 

Driver type(s): 
[help) 



□1 U2 D3 D4 



All v 




Supported DBMS(s): 



IBM AS/400 

IDMS 

IMS 

ImagefTurboimage 

ImageSQL 

Informix 



Match 



All v 



of my selections 




Required features: □ Conn. Pooling DDataSource DDistTrans. DRowSets 

Return how many 
results per page: 



20 




Search 



Reset 



Voici I'adresse complete pour acceder a la page MySQL Connector/ODBC 5.1 Downloads. 

http://dev.mysql.eom/downloads/connector/odbc/5.l.html 

■ Pour installer un driver de types 2,3 ou 4, decompressez le fichier jar dans un dossier. 

■ Sous Eclipse, effectuez un die droit sur votre projet et choisissez Proprieties. 

■ Selectionnez ensuite Chemin de generation Jar et I'onglet Bibliotheques. 



Cliquez sur le bouton Ajouter des fichiers Jar externes... et procedez a I'ajout. 
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Prop rietes de MonProjetTest 



trer le tsxte <fu f iltre 



Infos 

BeanJnfo Path 
ChKkstyle 



Chemin de generation Ja 



El Compilateur Java 

: EmpJacenftent JavaJgc 

j-Generateurs 
Historique de restructure 
References de projet 

@ - Style de code Java 
Velocity Web Edit 



Chemin de generation Java 



i3 Source I & Projstj; | 5& Bibli«h*Qu*s | % Ordra at asportation 



Fichiers jar « dossiers de clssse dans le chemin de gene-ration : 



I* A' mysti[-comieaor-)ava-5-i,6-l3in,jar 

E ^ Bibliothecjue svsteme J RE [jrei.6.0. 



Ajotfer dss fichiers JAR. 



Ajouter des Fichiers JAR extemes.. 



Ajauter une variable. 



Ajoutier une bibliotheque.. , 



Ajouter un dossier de classe. 



Edltsv, 



3upprinier 



Migrer te fichier JAR, 



® 



OK 



Annuler 



Cliquez ensuite sur I'onglet Ordre et exportation, cochez la case du driver puis validez. 



a, mysql-connector-java-5.1.6-bin.jar - C:\Java Eclipse\Connector J 5.1\nnysql-connector-java-5.1.6 
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Classe 



La generation spontanee n'existe pas. La voiture que vous conduisez, la chaise sur laquelle vous etes assis(e) ont ete 
fabriquees. Tous ces objets proviennent d'une "fabrique" ou usine. Pour une premiere introduction a la notion de classe, 
ce dernier terme peut etre retenu. II existe ainsi des usines pour avions, bateaux, jouets, etc. 

Une autre particularity des classes est le principe de regroupement. On evite dans une meme usine de fabriquer a la fois 
des voitures et des bateaux, ou des jouets et des ordinateurs. Les objets fabriques appartiennent done a des 
categories qui sont les classes en POO. Nous pouvons retenir qu'une classe est une sorte d'usine qui fabrique des 
objets qui ont des caracteristiques communes (les bateaux ont une coque, les voitures une carrosserie). 

Nous avons vu lors de I'analyse, leur representation graphique UML. Voyons maintenant precisement leur ecriture en 
Java au travers d'exemples tres simples. 

Pour declarer une classe Chat, il suffit d'utiliser le mot cle Class. 



class Chat { 
} 
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Proprietes 



La classe Chat est ensuite completee selon les besoins de chacun. Supposons que nous desirons juste caracteriser les 
chats par leur nom, couleur et age. II faut alors ajouter ces caracteristiques ou proprietes a la classe. 



class Chat { 

String caractere; 
String nom; 
String couleur; 
int age; 

} 



Toute propriete ou attribut doit imperativement etre typee : entier pour I'age et chaine de caracteres pour les autres 
dans notre exemple. Ces types sont simples. On parle de types elementaires ou primitifs. Vous aurez I'occasion lors du 
developpement d'utiliser des types plus riches notamment des types classes. Les proprietes definissent I'aspect 
structurel d'une classe. 
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Methodes 

Les methodes representent les actions que peuvent mener 
dynamique ou comportemental de la classe. Les chats peuvent 
methodes. 



class Chat { 

/ / proprieties 
String caractere; 
String nom; 
String couleur; 
int age; 
/ / methodes 
void dormir ( ) { 
} 

void manger ( ) { 

} 

String miauler() { 

String leMiaulement = "miaou"; 
return leMiaulement; 

} 

I 



des objets issus d'une classe. Elles definissent I'aspect 
dormir, manger, miauler... Ajoutons quelques-unes de ces 



Les methodes qui ne renvoient aucune valeur correspondent a des procedures. Elles sont toujours precedees du mot cle 
void. 

Les methodes qui renvoient une valeur correspondent a des fonctions. Elles sont toujours precedees du type de la 
valeur renvoyee. 

Les methodes peuvent bien sur contenir des parametres qui doivent tous etre types. 

Parmi les methodes, certaines ont pour role de retourner les valeurs des proprietes et d'autres de les modifier. Elles 
sont nominees respectivement accesseurs et mutateurs. 



class Chat { 



/ / proprietes 



/ / methodes 
String getNomChatO { 
return nom; 

} 

void setNom (String vNom) { 
nom = vNom; 

} 

String getCouleur() { 
return couleur; 

} 

void setCouleur (String vCouleur) { 
couleur = vCouleur; 

} 

int getAge ( ) { 
return age ; 

} 

void setAge(int vAge) { 
age = vAge ; 

} 
} 

} 



Le terme de services est parfois utilise pour designer les methodes et celui d'operation pour I'implementation des 
methodes. 
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Accessibility 



La POO ajoute le principe d'accessibilite (visibilite) qui consiste a controler I'acces aux classes et a leurs membres 
(proprietes et methodes). Les niveaux de visibilite sous Java sont les suivants : 



1. Membres 

• public : les membres sont utilises sans aucune restriction par toute classe et en tout lieu. Pour proteger les 
proprietes de modifications non autorisees, il est cependant fortement recommande de ne pas les declarer 
publiques. 

• private : c'est le niveau le plus eleve de restriction. Les proprietes et methodes ne sont alors accessibles que 
depuis la classe elle-meme. Concernant les proprietes, elles peuvent I'etre en dehors de la classe mais 
uniquement par le biais de ses mutateurs et accesseurs declares publics. 

• protected : les membres sont accessibles aux classes descendantes (voir la notion d'heritage plus loin) mais 
aussi aux classes non descendantes du meme package. 



2. Classes 

• public : en java, les classes sont publiques par defaut. II convient cependant de le preciser par le mot cle 
public. Son omission rend par ailleurs les classes inaccessibles en dehors de leur package. 

• protected : ce niveau ne concerne que les classes internes. Ce sont des classes definies a I'interieur d'une 
classe n'etant utilisees que par celle-ci. 

D'autres mots des permettent de caracteriser les classes et leurs membres dans des domaines autres que celui de 
I'accessibilite tels que la securite ou I'optimisation. 

public class Chat { 
// proprietes 
private String nom; 
private String couleur; 
private int age; 

// methodes 

public String getNomChat ( ) { 
return nom; 

} 

public void setNom (String nom) { 
this . nom = nom; 

} 

public String getCouleur() { 
return couleur; 

} 

public void setCouleur ( String couleur) { 
this. couleur = couleur; 

} 

public int getAge ( ) { 
return age; 

} 

public void setAge(int age) { 
this . age = age; 

} 

public void dormir() { 
} 

public void manger () { 
} 
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public String miauler(){ 

String leMiaulement = "miaou"; 
return leMiaulement; 

) 

} 
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Encapsulation 



Le fait de regrouper au sein d'une meme classe proprieties et methodes, et de definir le niveau d'accessibilite constitue 
I encapsulation, un des concepts essentiels de la POO. Seules sont visibles les methodes publiques, ce qui renforce la 
securite des donnees et la maintenance des programmes. De plus, I'implantation de la methode est masquee. 
Finalement avec le concept d'encapsulation, la classe ne presente qu'une interface composee des methodes publiques 
et de leurs eventuels parametres. 

Si nous reprenons notre exemple, pour modifier I'age d'un chat, il faut utiliser la methode setAgeQ. En partant de ce 
principe, on peut I'appliquer a d'autres cas tel que le debit d'un compte qui ne peut se faire sans la methode appropriee 
et habilitee. Les risques d'erreur sont ainsi reduits et la securite accrue. La modification du code traitant du miaulement 
d'un chat ou du debit d'un compte n'a que peu voire aucune incidence sur un programme puisque ('implementation des 
methodes est masquee. Exemple : 



// methode modifiee 

public String miauler(){ 

// un chat qui n'arrete pas de miauler 

String leMiaulement = "miaou miaouuuu miaouuuu 

return leMiaulement; 

} 

// utilisation dans un programme 
leChat .miauler ( ) ; 
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Constructeur 



Pour qu'une classe soit complete, il lui faut un constructeur. II s'agit d'une methode particuliere qui permet de creer des 
objets. Si vous omettez de definir un constructeur, Java le fera pour vous au moment de la compilation du programme en 
creant un constructeur basique du type nomDelaClasseQ. Ajoutons un constructeur a notre classe. Exemple : 



public class Chat { 
// proprietes 

// constructeur 

public Chat (String leNom, String laCouleur, int sonAge) 
nom = leNom; 
couleur = laCouleur; 
age = sonAge; 

} 

// methodes 



Le constructeur porte le meme nom que la classe. II est toujours public sinon comment les objets pourraient-ils etre 
crees ? Le constructeur Chat() attend trois parametres ce qui permet de creer un chat avec un nom, une couleur et un 
age. Exemple dans un programme : 



Chat leChat = new Chat ( "Filou" , "rouquin", 2), 



Certaines classes particulieres n'ont pas besoin de constructeurs, ce sont les interfaces. El les sont constitutes 
uniquement de methodes abstraites. 
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Heritage 



L'heritage est un concept aise a comprendre. Par exemple, nous heritons de nos parents certains traits physiques et 
peut-etre certains comportements. Tel pere tel fils, dit-on souvent. En POO, I'idee est la meme. Si on transpose le 
concept d'heritage aux classes, cela revient a definir une classe generique dont derivent d'autres classes. Pour la classe 
Chat, il est possible de la rattacher a la classe mammifere. Selon la partie du monde reel des animaux que Ton desire 
representee une structure de classes est creee. Exemple : 




Filou 

Tous les felins, canides et cetaces heritent de la classe Mammiferes des caracteristiques communes : animaux a sang 
chaud, la femelle allaite ses petits, etc. Filou fait partie d'une grande famille. II va heriter des classes ancetres toutes les 
proprietes et methodes de celles-ci sauf celles declarees privees. Pour en tenir compte, il faut revoir la definition de la 
classe Chat et ajouter celles des classes parentes. Pour faire simple, voici un exemple d'heritage limite aux classes Felin 
et Chat. 



public class Felin { 

private String espece; 
private String couleur; 

public Felin (String espece, String couleur) { 
this. espece = espece; 
this. couleur = couleur; 

} 

// les mutateurs et accesseurs 
public String getCouleur() { 
return couleur; 

} 

public void setCouleur (String couleur) { 
this. couleur = couleur; 

} 

public String getEspeceO { 
return espece; 

} 

public void setEspece (String espece) { 
this. espece = espece; 

} 

} 

public class Chat extends Felin { 
private String nom; 
private int age; 

public Chat (String vEspece, String vCouleur, String vNom, int vAge) { 
super (vEspece, vCouleur); 
nom = vNom; 
age = vAge; 

} 

// les mutateurs et accesseurs 
// les autres methodes 
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} 



Le mot cle extends indique que la classe derivee (fille) Chat etend la classe de base (mere) Felin. L'appel du 
constructeur de la classe mere s'effectue avec le mot cle super. 
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Redefinition des methodes 

Les methodes de la classe mere peuvent etre redefinies dans les classe filles ou sous-classes. II s'agit en fait d'une 
specialisation. Dans le sens inverse, c'est une generalisation qui permet de factoriser les comportements communs. Par 
exemple, tous les mammiferes se nourrissent mais les chats domestiques mangent des croquettes ce qui n'est pas 
forcement le cas des tigres. Voyons ce que cela donne avec nos classes : 



public class Felin ( 

public void manger (String vNourriture) { 
} 

} 

public class Chat { 

public void manger (String vNourriture) { 

System . out . print In (" Je mange " + vNourriture); 

} 

I 



Exemple dans un programme : 



leChat .manger ("croquettes") 
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Polymorphisme 



Dans une premiere approche, le polymorphisme correspond a la capacite d'un objet a choisir selon son type (sa classe) 
au moment de I'execution (dynamiquement) la methode qui correspond le mieux a ses besoins parmi ses propres 
methodes ou celles des methodes meres. Une autre particularity du polymorphisme est que toutes les methodes 
concernees portent le meme nom. Au sein d'une classe, elles se differencient obligatoirement par le nombre de 
parametres ou le type de ces derniers. 

En ajoutant a la structure de classes precedente, la classe Baleine, nous avons a definir ce que mange les baleines avec 
une methode se nommant egalement manger(). Modifions aussi la classe Chat pour mettre en evidence le 
polymorphisme de methodes. Exemple : 



public class Baleine { 

public void manger (String vNourriture) { 

System . out . println (" Je mange du " + vNourriture + ". Qui suis-je ?"); 




public class Chat { 

public String ronronner() { 

String leMiaulement = "ron ron . . . " ; 
return leMiaulement; 

} 

public void manger (String vNourriture) { 

System . out . println (" Je mange des " + vNourriture); 

System . out . println ( "Quand j'ai bien mange, je ronronne " + ronronner ( ) ) ; 

} 

} 



Exemple dans un programme : 



leChat .manger ("croquettes" ) ; 
laBaleine . manger ( "plancton " ) ; 

A I'execution : 



Je mange du plancton. Qui suis-je ? 
Je mange des croquettes 

Quand j'ai bien mange, je ronronne ron ron 



La deuxieme forme de polymorphisme correspond a la capacite d'un objet a changer de type, autrement dit de classe. 
Cela consiste a sous-typer une propriete de la classe mere. 
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Demarche 



Les taches preparatoires ont ete realisees : personnalisation d'Eclipse avec I'ajout de plugins, analyse du projet avec 
I'elaboration des principaux diagrammes UML, parametrage du serveur Wamp et creation de la base de donnees MySQL. 
Le developpement peut commencer. 

Tel qu'annonce dans le chapitre Analyse, nous produisons en premier lieu les maquettes de la future application. Pour la 
gestion des clients, nous avons recense cinq fenetres : 



• connexion : saisie du nom et du mot de passe. 



• menu : choix du fichier a traiter. 



• table : presentation des enregistrements au format table avec choix des traitements : 













AJOUTER 


SUPPRIMER 


MODIFIER 


RECHERCHE R 


QUITTER 



• fiche : presentation des donnees pour un enregistrement au format fiche selon le traitement choisi. 



• recherche : fenetre dediee a la recherche et presentant les enregistrements en mode table. 

Pour coder chaque fenetre, nous partons des classes graphiques du diagramme des classes. Nous assurons ensuite 
I'enchaTnement des fenetres sans nous soucier a ce stade des traitements. Reprenons I'exemple pour I'ajout d'un client 
deja vu au chapitre Presentation du projet. 



SAUL CAGOV 



ktoT Or piAtm 



Fenftre de connexion 



/ 



CITE; ITS 

i ear 

HI 

LAI 



I* "I <■ ■■ ' 



Fenetje preseniant la lisle des clienls 



p 

- HI 




BE® 


SARL CA&OU 




cueuTi 












COMJfMMBeS 












Q$ QUXTTEft 









Fenetre pour le choix des traitemenls 



Fenetre pour I'ajoul d'un client 



Nous completons ensuite les autres classes et effectuons enfin la jonction entre elles en nous referant a I'analyse 
realisee. Nous ajoutons a ce moment-la, toute boite de dialogue utile a I'information de I'utilisateur. Exemple : 
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Impossible de se connecter a la base de donnees 
vos nom et mot de passe sont corrects. 

Mais les parametres pour le pilote et la base de donnees doivent etre verifies 



Conctacter le responsable ii it oi matique. 



OK 



La demarche est identique pour les articles et les commandes. 
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Fenetre de connexion 



Nous avons vu au chapitre Concepts de base de la POO, les concepts de base de la programmation orientee objet. II s'agit 
maintenant de les mettre en ceuvre au travers de notre projet. Si certaines notions vous semblent encore floues, reportez- 
vous au chapitre en question. 

1. Fonctionnalites 

Considerons les differentes etapes : 

1. Presentation de la fenetre de connexion. 



2. Saisie des parametres de connexion. 

3. Validation ou abandon. 



L'utilisateur est accueilli par une fenetre dans laquelle il doit saisir son nom et son mot de passe. 




Nom 

Mot de passe 
Base de donnees 
Driver 



root 



jdbc:odbc:BDJavaCagou 



sun.jdbc.odbc.JdbcOdbcDriver 




Dans la maquette, les controles de saisie sont absents et les boutons ne sont pas operationnels. Nous nous contentons 
d'afficher de simples messages suite a une action de l'utilisateur comme un die de souris (la gestion des evenements sera 
abordee plus loin dans ce chapitre). 

Exemples : 



Maquette 
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2. Creation de la maquette 



Les fenetres sont issues de classes graphiques. Nous utilisons la classe FenConnexion issue du diagramme de classes. 
Cette classe aborde en particulier les points suivants : 

• classes graphiques ; 



• heritage. 

Toute la partie graphique peut etre codee directement. Etant au troisieme millenaire et afin de ne pas reinventer la roue 
sans parler du temps perdu, vous allez utiliser Visual Editor installe precedemment (cf. chapitre Environnement de 
developpement). 

■ Ouvrez la classe FenConnexion a partir du paquetage dialogue en effectuant un die droit sur la classe et en choisissant 
Ouvrir avec - Visual Editor. 

Voyons le code genere par Eclipse-Visual Editor. Les mots des du langage Java apparaissent en gras dans I'editeur de 
texte. 

Le paquetage contenant la classe est precise. 



package dialogue 



Java propose plusieurs types de fenetres issues bibliotheques dediees aux interfaces graphiques, AWT et Swing. 
Certaines classes de la bibliotheque Swing enrichissent celles de meme nom de la bibliotheque AWT. Swing est la plus 
recente et comporte de nombreuses fonctionnalites non disponibles dans AWT. Toutes les classes de Swing commencent 
par la lettre J. 

Ci-apres, une representation des classes graphiques dans Visual Editor. 



& AWT 
M Applet 
S Dialog 
^ Frame 
□ Panel 
Hi Scroll Pane 
□I Window 



& Swing 
M Applet 

3 Application 
£§3 Desktop Pane 
HI Dialog 
^ Frame 

El Internal Frame 
□ Panel 
El Scroll Pane 
DJ Split Pane 
Q Tabbed Pane 
Q Window 



Lors de I'elaboration du diagramme de classes, nous avons choisi une fenetre de type JFrame. Les classes necessaires a 
la construction d'une fenetre standard de ce type ont ete importees. 

import j ava . awt . BorderLayout ; 
import javax . swing . JPanel; 
import j avax . swing . JFrame; 

Nous avons vu au chapitre Concepts de base de la POO qu'une classe est declaree principalement public ou protected et 
que ces instructions determinent I'accessibilite a la classe. La classe FenConnexion declaree public est done accessible 
partout dans le projet. Pour le verifier, vous pouvez creer une classe dans un des paquetages ou dans un nouveau 
paquetage et ajouter le code suivant : 



public static void main ( String [ ] args) { 
// TODO Raccord de methode auto-genere 
FenConnexion laFenetre = new FenConnexion () ; 
laFenetre . setvisible (true) ; 

} 



L'instruction extends precise que la fenetre herite de la classe JFrame qui comporte des caracteristiques communes a 
toutes les fenetres de ce type. 



public class FenConnexion extends JFrame 



Positionnement de la classe JFrame : 
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java . lanq. Object 

I— java . awt ■ Component 

I — j ava . awt ■ Container 
I— java . awt .Window 

I— j ava . awt ■ Frame 

I — j avax . swi ng . JFrame 



existe en Java deux sortes de composants, les lourds et les legers. Les premiers dependent du systeme note et 
Wne peuvent done fonctionner que sur ce systeme. Certains, en tres petit nombre sont constitues de code Java 
s'interfacant avec les fonctions du systeme d'accueil. La plupart sont des composants identiques quel que soit le 
systeme. lis communiquent avec le systeme note par le biais d'un element dependant de celui-ci reduisant ainsi la 
communication entre les deux environnements au strict minimum. Les composants legers sont entierement ecrits en Java 
et peuvent done etre utilises sur I'ensemble des systemes. 



JFrame est un composant lourd qui etend la classe Frame de I'ancienne bibliotheque AWT, elle-meme derivee de la classe 
Window. Les instances de celle-ci sont de simples rectangles sans titre et sans bouton. 



Difficile de faire plus depouille pour une fenetre. 

L'arborescence nous montre qu'une JFrame est une fenetre rectangulaire (plus complete) qui est un composant de type 
conteneur pouvant contenir d'autres composants. On aboutit finalement a la classe Object, classe mere de toutes les 
classes. 

Lors de la creation de la classe graphique, Eclipse genere automatiquement un identificateur de version par defaut. 

private static final long serialVersionUID = 1L; 

La fenetre est composee d'un panel ou panneau. Si des composants sont ajoutes a la fenetre, ils sont positionnes dans le 
panneau. Un panneau peut contenir d'autres panneaux. 

Structure d'une fenetre JFrame standard creee avec Eclipse - Visual Editor. 



El JFrame 


00® 






Center 







Le composant nomme jContentPane par Eclipse est issu de la classe JPanel. C'est done un composant de type panneau 
pouvant contenir d'autres composants tels que les champs de saisie ou les boutons. 

Positionnement de la classe JPanel. 
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j ava . lang . Ob j ect 

I — j ava . awt ■ Component 

I— java . awt ■ Cor.talr.er 

L javax. swing. ^Component 
I — j avax . swi ng . JPanel 



private JPanel jContentPane = null; 



Le constructeur qui porte obligatoirement le meme nom que la classe comporte ici deux methodes : super() qui permet 
d'invoquer le constructeur de la classe mere et initialize() qui precise les caracteristiques par defaut de la fenetre 
instanciee. 



public FenConnexion ( ) { 
super ( ) ; 

initialize ( ) ; 

} 



La methode initializeQ qui initialise la fenetre lors de I'appel du constructeur. 



private void initialize () { 

this. setSize (300, 200); 

this . setContentPane (get JContentPane ( ) ) ; 
this . set Title (" JFrame" ) ; 

} 

Profitez-en pour changer le titre en modifiant I'argument de la methode setTitleQ. 

La methode getJContentPane() appelee par la methode initialize() initialise le panel. Celui-ci ne contient pour I'instant 
aucun composant ou widget. 

private JPanel get JContentPane ( ) { 
if (jContentPane == null) { 
jContentPane = new JPanel (); 
jContentPane . setLayout (new BorderLayout ( ) ) ; 

} 

return jContentPane; 

} 



Dans la methode main(), la ligne suivante est inutile car la classe FenConnexion etend la classe JFrame qui possede deja 
la methode : 



public static void main ( String [ ] args) { 

SwingUtilities . invokeLater (new RunnableO { 
public void run ( ) { 

FenConnexion thisClass = new FenConnexion () ; 

thisClass . setDef aultCloseOperation (JFrame . EXIT_0N_CL0SE) ; 

thisClass . setvisible (true) ; 

} 

}) ; 

} 



■ Supprimez cette ligne : 



thisClass . setDef aultCloseOperation (JFrame .EXIT_ON_CLOSE) ; 



D'autre part, il vaut mieux regrouper les methodes agissant sur la fenetre. 

■ Deplacez la ligne thisClass. setVisible(true) de la methode main(), modifiez thisClass par this. Le mot cle this n'est 
cependant pas obligatoire. 



this . set Size (300, 200) / this . setContentPane (get JContentPane () ) / this . set Title ("JFrame ") / this . setvisible (true; ; 



■ Conserver un handle sur cette fenetre ne presente pas d'interet reel ici. Nous la refermerons une fois la connexion 
etablie. Aussi, vous pouvez modifier la ligne correspondante. 
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Code de classe Fenetre_Connexion remanie 



public static void main (String [ ] args) { 

SwingUtilities . invokeLater (new Runnable ( ) 
public void run ( ) ( 

new Fenetre_Connexion ( ) ; 

} 

}) ; 



f\ Le plus souvent, une reference ou handle est cree en meme temps que I'objet. Cette reference permet ensuite 
T*F d'utiliser I'objet en memoire. Perdre le handle, c'est alors perdre la possibility d'acceder a I'objet. II est possible de 
creer un objet sans une reference explicite, par exemple, lors de I'ajout d'un objet a un vecteur ou par le biais d'un autre 
objet. II est egalement possible d'affecter plusieurs handles au meme objet et de creer un objet sans qu'un handle ne lui 
soit affecte. 



3. Personnalisation de la maquette 

Nous allons maintenant personnaliser cette fenetre standard avec Visual Editor pour obtenir la fenetre de connexion. 

■ Modifiez la propriete layout du panneau nomme jContentPane afin de pouvoir disposer librement les composants. 
Selectionnez celui-ci et effectuez le choix suivant : 



Erreurs 



Javadoc 



Declaration 



Console 



Debogage Font and Colors 



Propriete 


Valeur 


background 


238,238,238 


border 


componentOrientation 


UNKNOWN 


enabled 


true 


>field name 


jContentPane 


font 


Dialog, plain, 12 


foreground 


51,51,51 


>layout 


null 


name 


null 


preferredSiie 


BorderLayout 

BoxLayout(X_AXI5) 

BoxLayout(Y_AXI5) 


toolTipText 


visible 


CardLayout 



La 4 eme ligne de la methode geUContentPaneQ a ete modifiee. 



private JPanel get JContentPane ( ) { 
if (jContentPane == null) { 
jContentPane = new JPanel (); 
jContentPane . setLayout (null) ; 

} 

return jContentPane; 



Cliquez sur Swing Components dans la palette sur le cote droit. 



[ j Marquee 
^Choose Eean 

Tg \ J $ Swing Component 



ii 



(J^ Swing Containers 

Swing Menus 
*Wi AWT Controls 
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■ Choisissez les composants suivants 





^ JUbei 




Etiquette 




I JTextField 


Champ de saisie 




i^s JPasswordField 


Champ de saisie pour les mots de passe 




Q JButton 




Bouton 



Deposez ces composants pour obtenir la fenetre de connexion en les nommant comme indique ci-apres. 



HUE 



N 



0111 



Mot de passe 
Base de donnees 
Driver 



Se connecter 



Quitter 



Labels 


Champs de saisie simple ou password 


nomUtilisateur_Label 


nomUtilisateur_TextField 


motDePasse_Label 


motDePasse_PasswordField 


serverBD_Label 


serverBD_IextField 


driver SGBD_Label 


driverSGBD_TextField 



Pour les boutons, nommez-les : btn_Connexion et btn_Quitter. 

Voyons le code modifie de la classe Fenetre_Connexion genere par Eclipse. 



Import java. awt . BorderLayout; 
'lii import, java. arat . Dimension; 



Suite aux modifications realisees, nous constatons que certaines classes importees du paquetage java.awt ne sont plus 
utiles. Vous pouvez les supprimer. 

Nous pouvons constater que I'ajout des composants s'est traduit par de nombreuses lignes de code. Pour afficher le 
nombre de lignes, effectuez un die droit sur le bord gauche de I'editeur de code puis choisissez Afficher les numeros de 
ligne. 
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Ajouter/5upprimer un point d'arret 




Desactiver le point d'arret 




flrrorloK a 1 1 a r~i ri ri h 5 h i i - i r~i 
HLLCUcr d 1 al II lULdLIUI 1 


Ctrl+1 


Ajouter un signet... 




iini ihpK i inp h^rhp 




✓ Afficher Quick Diff 


Ctrl+Maj+Q 


AFFicher les nunneros de ligne 


Reduction 




Preferences. , . 


Proprietes du point d'arret. . . 



La methode main() permet d'executer la classe. La portion de code qui suit SwingUtilities.invokeLater(new Runnable() 

{...} precise ce qui doit etre execute, en I'occurrence notre fenetre de connexion apres sa creation. 



public static void main (String 


] args) { 


SwingUtilities . invokeLater 


new Runnable ( ) { 


public void run ( ) { 




new FenConnexion ( ) ; 

} 

}) ; 

} 





tfs En fait, deux threads sont crees, I'un pour tous les traitements non graphiques, I'autre pour les traitements 
* A 7 dependants de Swing. Nous respectons ainsi la regie qui consiste a separer les traitements graphiques et non 
graphiques dans des threads differents. 



II est possible de creer une classe non graphique uniquement pour le lancement de I'application. Exemple : 



package packageCagou; 

import j avax .swing . SwingUtilities ; 

public class Application_SA_Cagou { 

public static void main (String [ ] args) { 
SwingUtilities . invokeLater (new Runnable ( ) 
public void run ( ) { 
new FenConnexion () ; 



}) ; 



Si vous optez pour cette option, pensez a supprimer la methode main() de la classe FenConnexion. 

Pour apporter une touche finale a notre premiere fenetre, nous desirons personnaliser I'icone et le titre de la fenetre. 
Exemple : 



SA CAGOU 



■ Sous Eclipse, ajoutez un sous-dossier nomme images dans le dossier du projet. 



□■■■£7 SA_Cagou 
<h-& UMLJIagou 
- & Classes_Cagou 
it fB controle 
S £0 dialogue 
! I* 3 entite 
i & Images 

©■■■fe Bibliotheque systerne JRE [jrel .6.0_03] 
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■ Sous Windows, copiez vos images dans le sous-dossier images. 



Q £| SA_Cagou 
£3 bin 

B Classes_Cagou 
Ir^i controle 
Ir^i dialogue 
\r^i entite 
Images 
Icl UML_Cagou 

■ Dans le code, effectuez I'import de la classe Imagelcon du paquetage javax.swing et les modifications suivantes. Nous 
voulons aussi centrer la fenetre et interdire son redimensionnement. 



// importation des bibliotheques graphiques 

import javax . swing . Imagelcon; 

/* METHODES 

******** * / 

private void initialize () {this . setSize (448, 315); 

// pour centrer la fenetre 

this . setLocationRelativeTo (null) ; 

// pour interdire le redimensionnement de la fenetre 
this .set Re sizable (false) ; 
// personnalisation 
this.setTitle ("SA CAGOU"); 

Imagelcon image = new Imagelcon ("imagesWarticle.gif ") ; 
this . setlconlmage (image . get Image ( ) ) ; 

this . driverSGBD_TextField. setFocusable (false) ; 

} 



■ Testez la classe. Effectuez un die droit dans le code puis choisissez Executez en tant que - 1 Application Java. Bien 
entendu, a ce stade, les boutons ne produisent aucune action. 

A Tissue de ces premiers travaux, nous avons cree une interface graphique sommaire qui a toutefois necessite plus de 150 
lignes de code. Fort heureusement, Visual Editor a genere I'essentiel du code facilitant ainsi la creation puis la 
personnalisation de la maquette. 

Code complet de la classe FenConnection version 1 



/* 

* FenConnection Version 1 (maquette) 

* boutons inactifs 

* aucun traitement 
*/ 

package dialogue; 

//bibliotheques graphiques 

import javax . swing . JPanel; 

import j avax . swing . JFrame; 

import j avax . swing . JTextField; 

import j avax . swing . JPasswordField; 

import javax . swing . JLabel; 

import j avax .swing . SwingUt ilit ies ; 

import j ava . awt . Rectangle; 

import j avax . swing . JButton; 

import j ava . awt . Font ; 

import javax . swing. SwingConstants; 

public class FenConnexion extends JFrame { 
// PROPRIEIES 
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private static final long serialVersionUID = 1L; 
// le panneau 

private JPanel jContentPane ; 

private JTextField nomUtilisateur_TextField ; 
private JPasswordField motDePasse_PasswordField 
private JTextField serverBD_TextField ; 
private JTextField driverSGBD_TextField ; 



private JLabel nomUtilisateur_Label ; 
private JLabel motDePasse_Label ; 
private JLabel serverBD_Label ; 
private JLabel driverSGBD _Label ; 

private JButton btn_Connexion ; 
private JButton btn_Quitter ; 

private JLabel titre_Label = null; 

// CONSTRUCTEUR 

public FenConnexion ( ) { 

// appel du constructeur de JFrame 

super ( ) ; 

// initialisation des valeurs propres 

// a la fenetre connexion (voir ci-dessous) 

initialize ( ) ; 



// METHODES 

// initialisation de la fenetre 
// - son aspect general 

// - avec ses widgets contenus dans le panneau 
private void initialize () { 

this. setSize (448, 315); 

// pour centrer la fenetre 

this . setLocationRelativeTo (null) ; 

// pour interdire le redimensionnement de la fenetre 

this . setResizable (false) ; 

this . setContentPane (get JContentPane ( ) ) ; 

// ne pas oublier de rendre la fenetre visible 

this . setvisible (true) ; 

// pour faire simple 

// interdire la modification des champs concernant la BD 
this . serverBD_TextField. setEditable (false) ; 
this . driverSGBD_Text Field. setEditable (false) ; 

// et les rendre non focusables pour faciliter la saisie au clavier 
this . serverBD_TextField . setFocusable (false) ; 
this .driver SGBD_Text Field. setFocusable (false) ; 

} 

// la Frame creee contient un composant JPanel <-> panneau, nomme ici jContentPane 
// creation et initialisation du jContentPane avec ses composants 
private JPanel get JContentPane ( ) { 
if (jContentPane == null) { 
titre_Label = new JLabel (); 

titre_Label . setBounds (new Rectangle (64, 19, 305, 40)); 
titre_Label . setFont (new Font ("Comic Sans MS", Font . BOLD, 24)); 
titre_Label . setHorizontalAlignment (SwingConstants . CENTER) ; 
titre_Label . setHorizontalTextPosition (SwingConstants . CENTER) ; 
titre_Label. set Text ( " SARL CAGOU") ; 
jContentPane = new JPanel (); 
jContentPane . setLayout (null) ; 

// creation et initialisation des labels 
nomUtilisateur_Label = new JLabel (); 

nomUtilisateur_Label . setBounds (new Rectangle ( 6 9 , 88, 113, 16)); 
nomUtilisateur_Label . setText ( "Nom" ) ; 
motDePasse_Label = new JLabel (); 
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motDePasse_Label . setBounds (new Rectangle ( 69, 116, 111, 16)); 
motDePasse_Label . setText ( "Mot de passe"); 
serverBD_Label = new JLabelf); 

serverBD_Label . setBounds (new Rectangle (69, 140, 112, 16)); 
serverBD_Label . setText ( "Base de donnees"); 
driverSGBD_Label = new JLabelO; 

driverSGBD_Label . setBounds (new Rectangle ( 6 9, 165, 114, 16)); 
driverSGBD_Label . setText ( "Driver" ) ; 

// ajout des labels au jContentPane de la fenetre 
jContentPane . add (nomUtilisateur_Label, null) ; 
jContentPane . add (motDePasse_Label, null) ; 
jContentPane . add ( serverBD_Label , null) ; 
jContentPane . add (driverSGBD_Label, null) ; 

// ajout des champs de saisie et du champ Password au jContentPane 
// les methodes getXXX sont definies plus loin 
// elles se chargent de la creation des champs 
jContentPane . add (getNomUtilisateur_TextField ( ) , null) ; 
jContentPane . add (getMotDePasse_PasswordField ( ) , null) ; 
jContentPane . add (getServerBD_TextField ( ) , null) ; 
jContentPane . add (getDriverSGBD_TextField ( ) , null) ; 

// ajout des boutons au jContentPane 
// les methodes getXXX sont definies plus loin 
jContentPane . add (getBtn_Connexion ( ) , null) ; 
jContentPane . add (getBtn_Quitter ( ) , null) ; 
jContentPane . add (titre _Label, null) ; 

} 

return jContentPane; 

} 

// les methodes getXXX () des champs de saisie et du champ Password 

// 

private JTextField getNomUtilisateur_TextField ( ) { 
if (nomUtilisateur_TextField == null) { 

nomUtilisateur_TextField = new JTextField () ; 

nomUtilisateur_TextField. setBounds (new Rectangle ( 185 , 88, 180, 20)); 




private JPasswordField getMotDePasse_PasswordField ( ) { 
if (motDePasse_PasswordField == null) { 

motDePasse_PasswordField = new JPasswordField (20 ) ; 

motDePasseJ'asswordField. setBounds (new Rectangle ( 185 , 115, 180, 20)); 

} 

} 

private JTextField getServerBD_TextField ( ) { 
if (serverBD_TextField == null) { 

serverBD_TextField = new JTextField () ; 

serverBD_TextField. setBounds (new Rectangle (185, 139, 180, 20)); 

} 

return serverBD_TextField; 

} 

private JTextField getDriverSGBD_TextField ( ) ( 
if (driverSGBD_TextField == null) { 

driverSGBD_TextField = new JTextField () ; 

driverSGBD_TextField. setBounds (new Rectangle (185, 164, 180, 20)); 

} 

return driverSGBD_TextField; 

} 

// les methodes getXXX () des boutons 
// creation et initialisation 
private JButton getBtn_Connexion ( ) { 
if (btn_Connexion == null) { 
btn_Connexion = new JButton (); 

btn_Connexion . setBounds (new Rectangle ( 10 6 , 213, 119, 35)); 
btn_Connexion . setText (" Se connecter" ) ; 

btn_Connexion . addKeyListener (new java . awt . event . KeyAdapter ( ) { 
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}) ; 

} 

return btn_Connexion; 



private JButton getBtn_Quitter ( ) { 
if (btn_Quitter == null) { 
btn_Quitter = new JButton (); 

btn_Quitter . setBounds (new Rectangle (224, 213, 119, 35)), 
btn_Quitter . setText ("Quitter") ; 



return btn_Quitter; 



public static void main (String [ ] args) { 
SwingUtilities . invokeLater (new Runnable ( ) 
public void run ( ) { 
new FenConnexion ( ) ; 

} 

}) ; 



© ENI Editions - All rigths reserved 



- 11 - 



Fenetre Menu 



1. Fonctionnalites 

L'utilisateur est accueilli par une fenetre apres s'etre connecte a partir de la fenetre de connexion. Cette fenetre 
nommee FenMenu lui propose I'acces aux donnees de son application. II peut ensuite mener les actions classiques de 
consultation, d'ajout, de suppression, de modification et de recherche sur les tables Clients, Articles et Commandes. 
Par le bouton Parametres, il peut aussi acceder et mettre a jour les parametres de gestion tels que les taux de TVA, la 
monnaie par defaut, le format des dates, etc. 




SARL CAGOV 




CLIENTS 



JC^ ARTICLES 



COMMA NOES 



PARAMETRES 



QUITTER 






2. Creation de la maquette 

Nous procedons comme pour la fenetre de connexion en etablissant une maquette sans nous soucier des actions 
attendues suite au choix et a la validation d'un bouton. 

■ Ouvrez la classe FenMenu a partir du paquetage dialogue en effectuant un die droit sur la classe et en choisissant 
Ouvrir avec - Visual Editor. 

■ Modifiez la propriete layout du panneau nomme jContentPane a null. 

■ Cliquez sur Swing Components dans la palette sur le cote droit. 

■ Ajoutez les composants en les nommant comme indique ci-apres. 

• I'etiquette pour le titre : titre_Label ; 

• les boutons : btn_Clients, btn_Articles, btn_Commandes, btn_Para metres, btn_Quitter ; 

■ N'oubliez pas d'importer la classe Imagelcon. 

Rien de particulier au niveau du code par rapport a la construction de la fenetre de connexion vue precedemment. 
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Notre etude etant circonscrite a la gestion des clients, seuls les boutons CLIENTS et QUITTER seront actives. Dans la 
section suivante, nous allons aborder (enfin) la gestion des evenements qui donnera vie a nos premieres fenetres : 
FenConnexion et FenMenu. 

Code complet de la classe FenMenu version 1 : 



package dialogue; 



import javax . swing . JFrame; 
import javax . swing . Imagelcon; 
import javax . swing . JPanel ; 
import javax . swing . JButton; 



import java . awt . Rectangle; 
import java . awt . Font ; 
import javax . swing . JLabel; 
import javax . swing . SwingConstants ; 



public class FenMenu extends JFrame { 
// PROPRIETES 



private static final long serialVersionUID = 1L; 

private JPanel jContentPane = null; 
private JButton btn_Clients = null; 
private JButton btn_Articles = null; 
private JLabel titre_Label = null; 
private JButton btn_Commandes = null; 
private JButton btn_Parametres = null; 
private JButton btn_Quitter = null; 



// CONSTRUCTEUR 
public FenMenu () { 
super ( ) ; 

initialize ( ) ; 

) 



// METHODES 
private void initialize!) { 
this. setSize (361, 401); 

this . setContentPane (get JContentPanel ( ) ) ; 
this.setTitle ("HL") ; 

Imagelcon image = new Imagelcon (" imagesWarticle . gif" ) ; 
this . setlconlmage (image . getlmage ( ) ) ; 
this . setLocationRelativeTo (null) ; 

) 

private JPanel get JContentPanel ( ) { 
if (jContentPane == null) { 
titre_Label = new JLabel (); 

titre_Label . setBounds (new Rectangle (6, 9, 342, 42)); 
titre_Label . setHorizontalAlignment (SwingConstants . CENTER) ; 
titre_Label . setHorizontalTextPosition (SwingConstants . CENTER) ; 
titre_Label . setText ( "SARL CAGOU") ; 

titre_Label . setFont (new Font ("Comic Sans MS", Font . BOLD, 24)); 

jContentPane = new JPanel (); 

jContentPane . setLayout (null) ; 

jContentPane . add (getBtn_Clients ( ) , null) ; 

jContentPane . add (getBtn_Articles ( ) , null) ; 

jContentPane . add (titre_Label, null) ; 

jContentPane . add (getBtn_Commandes ( ) , null) ; 

jContentPane . add (getBtn_Parametres ( ) , null) ; 

jContentPane . add (getBtn_Quitter ( ) , null) ; 

jContentPane . setLayout (null) ; 

) 

return jContentPane ; 
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private JButton getBtn_Clients ( ) { 
if (btn_Clients == null) { 
btn_Clients = new JButtonO; 

btn_Clients . setBounds (new Rectangle (101, 74, 160, 51)); 
btn_Clients . setText ("CLIENTS") ; 

btn_Clients . setFont (new Font ("Comic Sans MS", Font . BOLD, 12)); 
btn_Client s . set Icon (new Image I con ( " image s\ \ client . gif " ) ) ; 

) 

return btn_Clients; 

} 

private JButton getBtn_Articles ( ) { 
if (btn_Articles == null) { 
btn_Articles = new JButton (); 

btn_Articles . setBounds (new Rectangle (101, 122, 160, 51)); 
btn_Articles . setText ("ARTICLES") ; 

btn_Articles . setFont (new Font ("Comic Sans MS", Font . BOLD, 12)); 
btn_Art icles . set Icon (new Image I con ( " images \ \ article . gif " ) ) ; 

) 

return btn_Articles; 

} 

private JButton getBtn_Commandes ( ) { 
if (btn_Commandes == null) { 
btn_Commandes = new JButton (); 

btn_Commandes . setBounds (new Rectangle (101, 170, 160, 51)); 
btn_Commandes . set Icon (new Image I con ( " images Wcommande . gif " ) ) ; 
btn_Commandes . setText ( "COMMANDES" ) ; 

btn_Commandes . setFont (new Font ("Comic Sans MS", Font . BOLD, 12)); 

) 

return btn_Commandes; 

) 

private JButton getBtn_Parametres ( ) { 
if (btn_Parametres == null) { 
btn_Parametres = new JButtonO; 

btn_Parametres . setBounds (new Rectangle (101, 218, 160, 51)); 
btn_Parametres . set Icon (new Image I con ( " images \ \parametre . gif " ) ) ; 
btn_Parametres . setText ( "PARAMETRES" ) ; 

btn_Parametres . setFont (new Font ("Comic Sans MS", Font . BOLD, 12)); 

) 

return btn_Parametres; 

) 

private JButton getBtn_Quitter ( ) { 
if (btn_Quitter == null) { 
btn_Quitter = new JButtonO; 

btn_Quitter. setBounds (new Rectangle (101, 266, 160, 51)); 
btn_Quitter . setText ( "QUITTER" ) ; 

btn_Quitter . setFont (new Font ("Comic Sans MS", Font . BOLD, 12)); 
btn_Quitter . set Icon (new Image I con ( " images \ \ Earth . gif " ) ) ; 

) 

return btn_Quitter; 
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Gestion des evenements 

Nous avons cree precedemment les maquettes des fenetres FenConnexion et FenMenu. Dans cette section, nous allons voir comment les rendre en partie 
operationnelles en prenant en compte les actions que I'utilisateur peut mener a partir du clavier ou de la souris. II nous faut auparavant approfondir le 
concept d'evenement aborde au chapitre Concepts de base de la POO. 



1. Notion avancee d'evenement 

Nous allons voir plus en detail la mise en oeuvre des evenements et leur traitement avec Java. 

En Java, hormis les primitives, tout est objet. Les evenements eux-memes sont des objets. Plus precisement, ce sont des instances de classes dont les 
noms se terminent par Event, par exemple : ActionEvent, FocusEvent, HyperlinkEvent, MenuEvent, etc. Java prend en compte de nombreux 
evenements qui sont repartis pour des raisons historiques dans les paquetages java.awt. event et javax. swing. event. 

Mais qui genere I'evenement en tant qu'objet ? Autrement dit, quelle est la source qui cree I'objet evenement ? Nous pensons de suite a I'utilisateur qui 
effectue un die de souris ou appuie sur une touche (mais il pourrait aussi s'agir d'un autre objet). S'il est effectivement a I'origine de I'evenement, 
I'utilisateur ne peut et cela va de soi, creer lui-meme I'objet evenement au sein du programme Java. C'est en fait le composant lui-meme qui realise cette 
creation suite a une sollicitation externe et qui envoie ensuite I'objet evenement a I'ecouteur. 

Tous les evenements ne peuvent convenir a tous les composants. Par exemple, I'evenement WindowEvent (ouverture, fermeture,.,) concerne le 
composant Window et ses derives (JFrame, JDialog) mais n'est de toute evidence d'aucune utilite pour le composant JButton. Par contre, celui-ci est 
concerne avec d'autres composants tels que JMenuItem ou JList par I'evenement ActionEvent (activation d'un bouton, choix dans un menu ou dans une 
liste). 

Pour chaque type d'evenement, il existe done un type d'ecouteur (au moins un et le plus souvent plusieurs). Celui-ci est facilement identifiable. Par 
exemple, aux evenements ActionEvent et WindowEvent correspondent les listeners (ecouteurs) ActionListener et WindowListener. 

Tout comme les evenements, les listeners sont des instances mais de classes qui implementent des interfaces particulieres de type Listener. Ainsi, aux 
evenements issus des classes ActionEvent et WindowListener, sont associes les listeners issus de classes qui implementent les interfaces 
ActionListener et WindowListener. 

II reste a ajouter les listeners aux composants, operation aisee ceux-ci possedant a leur creation les methodes adequates du type addXXXListener(). 
Exemple : addActionListener() pour ActionEvent et addWindowListener() pour WindowListener. 

Passons maintenant aux traitements des evenements. C'est un peu plus complique car lis peuvent etre realises de diverses manieres. Nous pouvons 
proceder comme mentionne plus haut avec la creation d'une classe implementant I'interface retenue mais cela necessite de redefinir toutes ses methodes 
(toutes n'etant pas forcement utiles). 

Exemple avec I'interface WindowListener qui possede sept methodes : 



package packageCagou 

import java . awt . event . WindowEvent ; 

import java . awt . event . WindowListener; 

// implementation de I'interface WindowListener 

public class Fenetre extends JFrame implements WindowListener { 

// constructeur 
public Fenetre () { 
super ( ) ; 

initialize ( ) ; 

) 

private void initialize () { 

// ajout du listener a la fenetre 
this . addWindowListener (this) ; 

} 

/* 

* redefinition de toutes les methodes de 1' interface WindowsListener 

* par une definition vide 

* sauf ici pour la methode windowClosing { ) 
*/ 

public void windowActivated {WindowEvent argO) {} 
public void windowClosed (WindowEvent argO) {} 
public void windowDeactivated (WindowEvent argO) {} 
public void windowDeiconif ied (WindowEvent argO) {} 
public void windowlconif ied (WindowEvent argO) {} 
public void windowOpened (WindowEvent argO) {} 
public void windowClosing (WindowEvent argO) { 

System. out . println ( "La fenetre a ete fermee"); 

> 

public static void main (String [ ] args) { 
new Fenetre ( ) ; 

} 

) 



Pour eviter de nombreuses redefinitions inutiles, il faut recourir aux adaptateurs. Ce sont des classes particulieres du type XXXAdapter qui ont deja 
redefini pour nous avec une definition vide toutes les methodes des interfaces XXXListener. Ainsi, aux interfaces ActionListener et WindowListener 
correspondent les adaptateurs ActionAdapter et WindowAdapter. Si nous reprenons I'exemple precedent, nous n'avons plus qu'une seule methode a 
redefinir : 
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package packageCagou 

import java . awt . event . WindowAdapter ; 

/* 1' implementation de 1' interface WindowsListener est a retirer 

car nous utilisons a sa place l'adaptateur WindowAdapter qui est une classe 
public class Fenetre extends JFrame { 

// constructeur 
public Fenetre () { 
super ( ) ; 

initialize ( ) ; 

} 

private void initialize () { 

// ajout a la fenetre de l'adaptateur en tant que listener 
this . addWindowListener {new WindowAdapter ( ) { 

public void windowClosing ( java . awt . event . WindowEvent e) { 
System. out .println ( "La fenetre a ete fermee"); 

} 

} ) ; 

} 

/* La redefinition de toutes les autres methodes de 1' interface WindowsListener 
n'a plus lieu d'etre. Elle a done ete supprimee. */ 

} 

public static void main (String [ ] args) { 

new Fenetre ( ) ; 

) 

) 

D'autres manieres de traiter les evenements sont possibles. Nous aurions pu par exemple definir au sein de la classe fenetre, des classes internes 
etendant WindowsListener ou WindowsAdapter puis proceder a leur enregistrement aupres de la fenetre. 

Pour finir cette introduction aux evenements, retenons que : 

• les composants sont les sources des evenements ; 

• les evenements sont detectes par les ecouteurs ; 

• les traitements sont realises au sein des ecouteurs. 
Passons maintenant a la mise en oeuvre avec Eclipse. 



2. Mise en oeuvre 

■ Dans I'explorateur de paquetages, effectuez un die droit sur la classe FenConnexion. Choisissez Ouvrir avec - Visual Editor. 

Nous allons commencer par le bouton Quitter qui est plus le simple a gerer. Deux types d'evenements peuvent le concerner : die de souris mais aussi la 
pression sur la touche [Entree] pour gagner du temps. 

a. Gestion de la souris 

Commencons par gerer I'evenement die de souris. 

• Effectuez un die droit sur le bouton Quitter et procedez aux choix ci-apres. 



- 2- 
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niiittar 



I 



<^ Annuler 
t> Repeter 



Qrl+Z 
Ctrl+Y 



Ouvrir 

Ouvrir la hierarchie des types 
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Event Fired when the mouse is clicked 



1 Use existing Listener 
Create new Listener 

©extends: java.avrt.event, MouseAdapter 
Oimpfetnents: java.awt event. MouseListener 



© 



Dans la zone de code, vous pouvez constater I'insertion des lignes correspondant a votre choix. 



private JButton getBtn_Quitter ( ) j 
if (btn_Quitter == null) { 
btn_Quitter = new JButton ( ) ; 
btn_Quitter . setBounds (new Rectangle (224, 213, 119, 35)); 
btn_Qultter . setText ( "Quitter" ) ; 

btn_Quitter . addMouseListener (new java . awt . event -MouseAdapter ( ) { 
public void mouseClicked ( java . awt . event .MouseEvent e) { 
System. out. print ln( "mouseClicked ( ) " ) ; 

1 

)) ; 

} 

return btn_Quitter; 



L'ajout de I'ecouteur adequat au bouton par le biais de I'adaptateur MouseAdapter a ete effectue et la methode mouseClicked() a ete redefinie. 

Nous pouvons constater qu'Eclipse realise par defaut I'importation du paquetage java. awt. event au moment de I'instanciation de I'adaptateur 
MouseAdapter. 

• Remplacez I'instruction System. out.println(...) par : 



FenConnexion . this . dispose ( ) ; 
System. exit (0) ; 



• Lancez la fenetre et testez le bouton Quitter avec la souris. 
b. Gestion du clavier 
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[ Terminer | [ Annufe' 



Traitons maintenant le deuxieme type d'evenement : appui sur la touche [Entree]. 

• Effectuez a nouveau un die droit sur le bouton Quitter et procedez aux choix ci-apres. 



9= Add Event - Eitn_Q.ui1ter-"tluitter" 



Add Event page 



± % 



Change 
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Container 

Focus 
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Input MeUhod 
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keyPressed 



®* keyTyped 
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ll 



Event fired wnan a key is pressed 



Use existing Listener 
(+) Create new listener 

extends: java, aw t.e vent. KeyAdapter 
O implements: Java, arwLevent.KeyListener 



Annuler 



Nous obtenons les lignes de code suivantes ; 



btn_Quitter . addKey Listener (new java . awt . event . KeyAdapter ( ) 
public void keyPressed ( java . awt . event . KeyEvent e) { 
System. out . print In ( "keyPressed ( ) " ) ; 



Remplacez a nouveau I'instruction System. out.println(...) par : 



FenConnexion .this . dispose ( ) ; 
System. exit (0) ; 



Lancez la fenetre et testez le bouton Quitter avec la touche [Entree] puis avec des touches quelconques du clavier. 

Vous constatez que n'importe quelle touche pressee provoque la fin de I'application. Bien sur, nous desirons qu'une seule touche permette cette 
action, en I'occurrence la touche [Entree] quand le bouton Quitter a le focus. Java met a notre disposition la methode getKeyCode() qui permet 
d'obtenir le code ASCII de la touche pressee. Nous pouvons done facilement programmer une action propre a cet evenement. 

f\ Un composant a le focus quand il est selectionne soit par la souris soit par I'utilisation du clavier, le plus souvent avec la touche [Tab]. Tant qu'il 
dispose du focus, il est le seul composant concerne par une action de la souris ou du clavier et reagit s'il a ete programme pour detecter les 
evenements generes par ces derniers. 

Effectuez les modifications suivantes puis testez a nouveau le bouton Quitter avec le clavier. 



btn_Quit ter . addKeyListener (new java . awt . event . KeyAdapter () /public void KeyPressed ( java . awt . event . KeyEvent e) {if (e . getKeyCode ( ) == 10) 
FenConnexion .this . dispose ( ) ; System. exit (0) ; 



Nous allons maintenant traiter le bouton Se connecter. Tout comme le bouton Quitter, nous prenons en compte les evenements de type die de souris 
et appui sur la touche [Entree]. 

■ Procedez comme vu precedemment. Le code obtenu est le suivant : 



private JButton getBtn_Connexion ( ) { 
if (btn_Connexion == null) j 
btn_Connexion = new JButton (); 

btn_Connexion . setBounds (new Rectangle (106, 213, 119, 35)); 
btn_Connexion . setText ( "Se connecter") ; 

btn_Connexion . addMouseListener (new java . awt . event . MouseAdapter ( ) { 
public void mouseClicked ( java . awt . event .MouseEvent e) { 
System. out. print In ( "mouseClicked ( ) " ) ; 
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}); 

btn_Connexion . addKeyListener (new java . awt . event . KeyAdapter ( ) { 
public void keyPressed ( java . awt . event . KeyEvent e) { 
System. out . print In ( "keyPressed ( ) " ) ; 

} 

}); 

} 

return btn_Connexion; 

} 



■ Lancez la fenetre et testez le bouton Se connecter. 

Tout est desormais pret pour realiser I'enchainement sur la fenetre FenMenu. Nous allons remplacer les messages apparaissant en mode console par 
I'ouverture de la fenetre desiree. 

■ Modifiez le code. 



private JButton getBtn_Connexion ( ) { 

public void mouseClicked ( java. awt .event .MouseEvent e) { 
FenConnexion . this .dispose ( ) ; 
FenMenu laFenetreMenu = new FenMenu () ; 
laFenetreMenu . set Visible (true) ; 

} 

public void keyPressed ( java . awt . event . KeyEvent e) { 
II filtre pour la touche Entree 
if (e.getKeyCode()== 10) { 

FenConnexion .this .dispose ( ) ; 

FenMenu laFenetreMenu = new FenMenu (); 

laFenetreMenu . setVisible (true) ; 

} 

} 



Pour la maquette FenMenu, selon les memes principes, les boutons CLIENTS et QUITTER sont rendus operationnels. 

■ Dans I'explorateur de paquetages, effectuez un die droit sur la classe FenMenu. Choisissez Ouvrir avec - Visual Editor. 

■ Modifiez le code comme vu precedemment en I'adaptant au bouton. 



private JButton getBtn_Clients ( ) { 
if (btn_Clients == null) { 
btn_Clients = new JButton (); 

btn_Clients.setBounds (new Rectangle (101, 74, 160, 51)); 
btn_Clients.setText ( "CLIENTS" ) ; 

btn_Clients . setFont (new Font("Comic Sans MS", Font. BOLD, 12)); 
btn_Clients . set I con (new Image I con ( " images \\ client . gif " ) ) ; 
btn_Client s . addActionListener (new java . awt . event . ActionListener ( ) { 
public void actionPerf ormed ( java . awt . event .ActionEvent e) { 

FenTableClient laFenetre_TableClient = new FenTableClient ( ) ; 

laFenetre_TableClient . setVisible (true) ; 

} 

}); 

btn_Client s . addKeyListener (new java . awt . event . KeyAdapter ( ) { 
public void keyPressed ( java . awt . event . KeyEvent e) { 
if (e.getKeyCode () == 10) { 

FenTableClient laFenetre_TableClient = new FenTableClient () ; 

laFenetre_TableClient . setVisible (true) ; 

} 

I 

}) ; 

} 

return btn__Clients; 



private JButton getBtn_Quitter ( ) { 
if (btn_Quitter == null) { 
btn_Quitter = new JButton (); 

btn_Quitter. setBounds (new Rectangle (101, 266, 160, 51)); 
btn_Quitter. setText ("QUITTER") ; 

btn_Quitter. setFont (new Font("Comic Sans MS", Font. BOLD, 12)); 
btn_Quitter . set Icon (new Image I con ( " image s\\Earth . gif " ) ) ; 
btn_Quitter . addActionListener (new java . awt . event .ActionListener ( ) { 
public void actionPerf ormed ( java . awt . event .ActionEvent e) { 

FenMenu .this .dispose ( ) ; 

System. exit (0) ; 

I 

})i 

btn_Quitter . addKeyListener (new java . awt . event . KeyAdapter ( ) { 
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public void keyPressed ( java . awt . event . KeyEvent e) { 
if (e.getKeyCode () == 10) { 
FenMenu . this . dispose ( ) ; 
System. exit (0) ; 
} 

I 

})} 

} 

return btn_Quitter; 

} 



Nous ne reviendrons plus sur le code de la fenetre FenMenu. Par contre, il reste beaucoup a faire pour rendre la fenetre FenConnexion totalement 
operationnelle. C'est ce que nous allons traiter dans la section suivante. 

Code de la classe FenConnexion version 2 

La structure generale est juste rappelee, sauf pour les methodes getBtn_Connexion() et getBtn_Quitter() dont le code est integralement reporte. 

// FenConnection Version 2 

package dialogue; 

// IMPORTATIONS 

import javax . swing . JPanel; 

public class FenConnexion extends dialogue . FenMenu { 
// PROPRIETES 

private static final long serialVersionUID = 1L; 

private JPanel jContentPane ; 



// CONSTRUCTEUR 

public FenConnexion)) { 



// METHODES 

private void initialize () { 



private JButton getBtn_Connexion ( ) { 
if (btn_Connexion == null) { 
btn_Connexion = new JButton (); 

btn_Connexion . setBounds (new Rectangle (106, 213, 119, 35)); 
btn_Connexion . setText ( "Se connecter" ) ; 

btn_Connexion . addMouseListener (new java . awt . event .MouseAdapter ( ) { 
public void mouseClicked ( java . awt . event .MouseEvent e) { 
FenConnexion .this .dispose ( ) ; 
FenMenu laFenetreMenu = new FenMenu (); 
laFenetreMenu . setVisible (true) ; 

} 

}) ; 

btn_Connexion . addKeyListener (new java . awt . event . KeyAdapter ( ) { 
public void keyPressed ( java . awt . event .KeyEvent e) { 
if (e.getKeyCode()== 10) { 
FenConnexion . this . dispose ( ) ; 
FenMenu laFenetreMenu = new FenMenu {) ; 
laFenetreMenu. setVisible (true) ; 
} 

} 

}) ; 

} 

return btn_Connexion; 



private JButton getBtn_Quitter ( ) { 
if (btn_Quitter == null) { 
btn_Quitter = new JButton (); 

btn_Quitter. setBounds (new Rectangle (224, 213, 119, 35)); 
btn_Quitter . setText ( "Quitter" ) ; 

btn_Quitter . addMouseListener {new java . awt . event .MouseAdapter ( ) { 
public void mouseClicked ( java . awt . event .MouseEvent e) { 
FenConnexion .this .dispose ( ) ; 
System. exit (0) ; 

} 

}); 

btn_Quitter . addKeyListener (new java . awt . event . KeyAdapter ( ) { 
public void keyPressed ( java . awt . event . KeyEvent e) { 
if (e.getKeyCode()== 10) { 

FenConnexion . this . dispose ( ) ; 
System. exit ( ) ; 

} 

} 

}); 
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return btn_Quitter; 

) 



public static void main ( String [ ] args) { 
) 



)) ; 

) 

) 
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Gestion de la connexion 



Faisons le point : les maquettes de fenetres de connexion et de menu ont ete creees et la gestion des evenements a 
ete traitee dans la section precedente. II s'agit dans cette section de mettre en place tous les controles necessaires 
avant d'autoriser I'acces a I'application. Simultanement, il faut gerer I'acces au serveur et a la base de donnees en 
prenant en compte les problemes possibles de connexion. 



1. Parametres de connexion 

Nous allons ajouter a la classe Parametres toutes les informations utiles a la connexion 

• nom ; 

• mot de passe ; 

• pont JDBC/ODBC ; 

• source de donnees ODBC pour I'acces a la base de donnees. 

■ Ouvrez la classe Parametres a partir du paquetage entite avec I'editeur Java. 

■ Ajoutez les attributs et le constructeur. 



private String nomUtilisateur; 
private String motDePasse; 
private String serveurBD; 
private String driverSGBD; 

// Constructeur 
public Parametres () { 

nomUtilisateur = "root"; 

motDePasse = "tempo"; 

driverSGBD =" sun . jdbc . odbc . JdbcOdbcDriver " ; 
serveurBD = " jdbc : odbc : BDJavaCagou" ; 



Pour faire simple, le nom de I'utilisateur et le mot de passe sont uniques. Les parametres concernant le pilote, le 

serveur et la base de donnees proviennent de I'installation realisee pour le SGBDR MySQL (cf. chapitre Base de donnees 
MySQL). 



rfs Pour une exploitation reelle, ne jamais mettre en clair le mot de passe. Une solution possible consiste a le 
v*F crypter avec un script PHP en utilisant la methode md5() puis a le stocker dans la base de donnees MySQL. 



Passons a I'ajout des accesseurs. Cette operation est possible et rapide avec Eclipse. 

■ Selectionnez un attribut dans I'editeur de code et effectuez un die droit. 

■ Choisissez les options Source puis Generer les methodes d'acces get et set. 

■ Cochez seulement les accesseurs (methodes getXXX) et validez. 
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Generation des met nodes d'acces get et set 



Selectionnez les rnethodes get et set a creer 



■0 

"□ 



■0 

■■□ 



driverSGBD 

o getDriverSGBDQ 

o setDriverSGBD(String) 

motDePasse 

o getMotDePasse() 

° setMotDePasse(String) 



nornUtilisateur 



B-U 



■■ [^1 o getPJomUtilisateur() 
] o setNomUtilisateur(String) 

° serveurBD 

■0 ° getServeurBD() 
] o setServeurBD(5tring) 



Selectionner tout 



Deselectionner tout 



Selectionner les rnethodes d'acces get 



Selectionner les rnethodes d'acces set 



Point d'insertion 



Derniere rmethode 



Trier par 



Champs dans les paires de rnethodes get/set 



Modificateur d'acces — 

public O protected (_) valeur par defaut Q private 

O final ^synchronise 



I I Generer des comrmentaires pour la rmethode 

Le format des rnethodes get et set peut etre configure dans la page des preferences Modeles de code , 
i 4 selectionne(s) sur 8. 



(?) 



OK 



Annuler 



Le code est genere. 



public String getDriverSGBD ( ) { 
return driverSGBD; 

} 

public String getMotDePasse ( ) { 
return motDePasse; 

} 

public String getNomUtilisateur ( ) 
return nomUtilisateur; 

} 

public String getServeurBD ( ) { 
return serveurBD; 

} 



Afin de respecter le principe d'encapsulation, les attributs sont declares private et ne sont accessibles que par les 
accesseurs qui eux sont declares public. 



f% Les mutateurs (rnethodes setXXX) ne sont pas utilises ici. II est possible de les ajouter afin de pouvoir modifier 
v*? les parametres par defaut. Ceci implique une gestion plus fine des utilisateurs. Seuls I'administrateur ou le 
concepteur devraient alors pouvoir effectuer les modifications concernant le driver et la base de donnees. 

D'autres ecritures de cette classe sont possibles : 



• la declarer abstract : elle ne peut etre instanciee. L'acces aux membres est realise selon la syntaxe 
classe. accesseur et s'effectue directement sans recherche dynamique. 
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• declarer ses attributs statiques et les initialiser : elle peut etre instanciee mais les instances de la classe ne 
possedent pas les attributs. L'acces peut etre realise de la meme maniere ou selon la syntaxe objet.accesseur, 
I'acces aux attributs se faisant alors de maniere dynamique. 

2. Connexion au serveur et a la base de donnees 

La classe ControleConnexion aborde en particulier les points suivants : 

• importation des classes de I'API JDBC ; 

• gestion des exceptions ; 

• les methodes statiques. 

Elle comporte les methodes assurant la connexion : 

• chargement et enregistrement du driver MySQL ; 

• connexion et authentification. 

■ Ouvrez la classe ControleConnexion a partir du paquetage controle avec I'editeur Java et completez le code. 
Commencez par les importations : 

• pour la connexion ; 

• pour etablir le lien avec la classe Parametres ; 

• pour I'affichage des boites de dialogue. 

import java . sql . Connection; 
import java . sql . DriverManager; 
import java . sql . SQLExcept ion ; 

import entite . Parametres ; 

import javax . swing . JOptionPane; 

Nous avons procede a une importation selective des classes necessaires a I'utilisation de JDBC presentes dans le 
paquetage java. sql. 
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E) jrel.6.0_02 
E) El bin 




E) lib 



rt.jar 




J META-IMF 

± ^1 SLIUM 



El java 

El applet 
51 ICS awt 
H l£j beans 

H Ej lang 
£j math 
£l net 

a E) nio 

El El rmi 

El If^l security 



&sql 
3 El text 

a Ei utii 



Passons aux proprieties. Le lien avec la classe Parametres est assure par une propriete. Une autre propriete conserve 
I'etat de connexion. 



static Parametres lesParametres; 
static boolean etatConnexion; 



^ Les proprietes statiques appartiennent a la classe et non aux objets de la classe. 



L'interet d'une connexion statique est de disposer d'une connexion unique utilisable durant toute une session. 
L'initialisation s'effectue immediatement apres la declaration avec un initialisateur statique. 



static Connection laConnectionStatique; 
static { 



Lors de l'initialisation plusieurs taches sont realisees. En premier, I'enregistrement du pilote ODBC aupres du 
gestionnaire de pilotes et son chargement puis la connexion au serveur et a la base de donnees. 

L'enregistrement du pilote s'effectue avec le code suivant : 



Class . forName (lesParametres . get Driver SGBD ( ) ) ; 



7^ Class correspond a la classe du pilote. Avec sa methode statique forNameQ, elle cree une instance d'elle-meme 
qui est done chargee en memoire - et I'enregistre aupres de la classe DriverManager. 
L'insertion de cette ligne de code provoque cependant une erreur dument signalee par Eclipse. 

static Connection laConnectionStatique; 
static { 



Class . fee Name ( 2 es Par ante t .res . ijetDrivetSGBD () 



} 



J : Entourer d'un bloc try/catch 
o flf f eaer une instruction 4 la nouvelle variable locale (acces dir 
° Af f ecter une instruction au nouweau champ (acces direct par 



m) 



static { 

□ass . fc#Name(lesParannetres . getDri verSGBDO); 
} catch (ClassiNotFoundEHception e) { 
// TODO Bloc catch auto-genere 
e, print Stack Tree e(); 

y 
} 



Le mot cle try est toujours suivi d'un bloc destructions qui definit le traitement a executer. Si celui-ci devait echouer, 
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une erreur ou exception est creee ou "levee". Dans ce cas, I'exception est prise en consideration ou "attrapee" et 
traitee dans le bloc du catch qui doit toujours etre place immediatement apres le bloc try. 

Tout traitement concernant les bases de donnees doit etre gere en tenant compte des nombreux problemes possibles. 
Java impose que ceux-ci soient pris en compte et Eclipse nous aide en proposant de les entourer d'un bloc try/catch. 

Des variantes de la gestion des exceptions existent. Par exemple, on peut indiquer qu'un traitement est susceptible de 
lancer une exception en utilisant le mot cle throws exception. Pour de plus amples informations sur la gestion des 
exceptions, consulter I'aide de Sun. 

java . lang. Object 

I — j ava . lar.g ■ rr.rowafcle 

I— Java. lang. Exception 

La gestion des exceptions est faite ici en deux temps. On se soucie d'abord du pilote pour le SGBDR MySQL. Si aucune 
exception n'est rencontree, une variable booleenne indique que le deuxieme traitement peut etre effectue. Cette 
structure permet de proposer des messages personnalises en fonction de I'exception levee. 



ALERTE (X) 



JEJ Impossible de se connecter a la base de donnees 

THE 



ALERTE 


® 


(^x) Classes non trouvees pour 1 


e char 
OK 


.lenient du pilote JDBC^ODBC MySQL 



static Connection laConnectionStatique; static { 
boolean ok = true; 

lesParametres = new Parametres () ; 

// 1. Enregistrement du pilote ODBC 
// 

try { 

Class . forName {lesParametres . getDriverSGBD ( ) ) ; 
etatConnexion = true; 

} 

catch (ClassNotFoundException e) { 

JOptionPane . showMessageDialog (null, "Classes non trouvees" 
+ " pour le chargement du pilote JDBC/ODBC MySQL", 
"ALERTE", JOptionPane. ERROR_MESSAGE) ; 
ok = false; 

etatConnexion = false; 

} 

// 2. Etablissement de la connexion 
// 

if (ok == true) { 
try { 

// recuperation des parametres presents dans la classe Parametres 
String urlBD = lesParametres . getServeurBD () ; 
String nomUtilisateur = lesParametres . getNomUtilisateur () ; 
String MDP = lesParametres . getMotDePasse () ; 

// Creation d' une connexion contenant les parametres de connexion 
laConnectionStatique = DriverManager . getConnection (urlBD, nomUtilisateur, MDP); 
etatConnexion = true; 

} 

catch (Exception e) { 
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JOptionPane . showMessageDialog (null, "Impossible de se connecter" + 
" a la base de donnees", 
"ALERTE", JOptionPane . ERRORLESS AGE) ; 
etatConnexion = false; 

} 

) 

} 



Une instance de la classe Parametres est creee pour recuperer les parametres. 

La methode statique forNameQ de la classe Class peut lever une exception de la classe ClassNotFoundException 

presente dans le paquetage java.lang. 

L'attribut statique booleen etatConnexion est initialise a la sortie de la methode. 
Ajout du constructeur 

public ControleConnexion ( ) { 
} 



II reste a ajouter les accesseurs. lis sont tous statiques car ils correspondent a des methodes de portee classe. En 
outre, il n'est pas possible d'etablir une reference a une propriete statique sans passer par une methode statique. 



public static Parametres getParametres ( ) { 
return lesParametres; 

) 

public static boolean getControleConnexion ( ) { 
return etatConnexion; 

) 

public static Connection getConnexion ( ) { 
return laConnectionStatique; 

} 

} 



La connexion n'est pas pour autant realisee. Les parametres de I'utilisateur doivent correspondre aux valeurs des 
proprietes correspondantes de la classe Parametres. Un controle est necessaire. 



public static boolean controle (String Nom, String MotDePasse) { 
boolean verif icationSaisie; 

if (Nom .equals (lesParametres . getNomUtilisateur ( ) ) 
&& MotDePasse .equals {lesParametres . getMotDePasse ( ) ) ) { 
verif icationSaisie = true; 

) 

else { 

JOptionPane . showMessageDlal og (null, "Verifier votre saisie.", 
"ERREUR", JOptionPane . ERROR_ME S SAGE) ; 
verif icationSaisie = false; 

) 

return verif icationSaisie; 
} 



II reste a doter la classe ControleConnexion d'une methode pour fermer la connexion a la fin de I'execution de 
I'application. 



public static void f ermetureSession ( ) { 
try { 

laConnectionStatique . close ( ) ; 

) 

catch (SQLException e) { 

JOptionPane . showMessageDialog (null, "Probleme rencontre" + 
"a la fermeture de la connexion", 
"ERREUR" , JOptionPane . ERROR__MESSAGE) ; 

) 

) 



La structure du code propose permet de modifier au besoin les parametres de connexion sans remettre en 
question les methodes de connexion. Une suite possible a la gestion de la connexion : 
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• gestion de plusieurs categories d'utilisateurs avec des droits differents dont les donnees sont stockees dans 
une base de donnees MySQL ; 

• ajout d'un bouton dans la fenetre de connexion accessible uniquement par I'administrateur ou le concepteur 
permettant de modifier le pilote en fonction du SGBD et le chemin d'acces a la base de donnees. 



3. Activation de la fenetre de connexion 

La fenetre FenConnexion va passer ici du statut de maquette a celui de fenetre operationnelle. 

■ Ouvrez la classe graphique FenConnexion avec Visual Editor. Nous allons completer la methode getBtn_Connexion 
() du bouton btn_Connexion (intitule : Se connecter). 

La classe FenConnexion est une IHM. El le se contente de transmettre la demande de I'utilisateur a la classe 
ControleConnection pour la connexion a la base de donnees. 

■ Commencez par importer la classe ControleConnection.. 



import controle . ControleConnexion ; 



Nous allons ajouter un double controle, de la saisie et de la connexion, a la methode getBtn_Connexion(). L'utilisateur 
est averti d'un eventuel probleme de connexion. Si la saisie est cependant correcte, un message plus complet est 
rajoute a partir de la classe FenConnexion et vient completer ceux deja fournis par la classe ControleConnection. 

Impossible de se connecter a la base de donnees 
Vos nom et mot de passe sont corrects. 

Mais les parametres pour le pilote et la base de donnees doivent etre verifies 

Conctacter le responsable informatique. 

OK 



private JButton getBtn_Connexion ( ) { 
if (btn_Connexion == null) { 

btn_Connexion . addMouseListener (new java . awt . event . MouseAdapter ( ) { 
public void mouseClicked ( java . awt . event .MouseEvent e) { 
String leNom = nomUtilisateur_TextField. getText ( ) ; 

String leMotDePasse = String . valueOf (motDePasse_PasswordField. getPassword ()) ; 
if (ControleConnexion . controle (leNom, leMotDePasse) ) { 
if (ControleConnexion . getControleConnexion ( ) ) { 

FenConnexion . this . dispose ( ) ; 

FenMenu laFenetreMenu = new FenMenuO; 

laFenetreMenu . setvisible (true) ; 

} 

else 

JOptionPane . showMessageDialog(n\iH, "Impossible de se connecter" + 
" a la base de donnees" +' \n' +'\n' 
+ "Vos nom et mot de passe sont corrects." +' \n' 
+ "Mais les parametres pour le pilote et la base de donnees " 
+ "doivent etre verifies" +' \n' +' \n' 
+ "Conctacter le responsable informatique.", 
"ALERTE" , JOptionPane . ERROR_MESSAGE) ; 
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} 

} 

}) ; 

) 

return btn_Connexion; 

} 



Le controle de saisie s'effectue avec la methode statique controleQ de la classe ControleConnexion. 

L'expression motDePasse_PasswordField.getPassword() renvoie un tableau de caracteres. Java fait une distinction 
entre les chames de caracteres declarees avec la classe String et les tableaux de caracteres, exemple : 



/ / accepte 
char[] vChar; 

vChar = motDePasse_PasswordField. getPassword ( ) ; 
// refuse 
String vChaine; 

vChaine = motDePasse_PasswordField. getPassword () ; 



II faut convertir le tableau de caracteres en chaine de caracteres, conversion realisee avec la methode valueOf() de la 
classe String. 



vPasseword = String . valueOf (motDePasse_PasswordField . getPassword ( ) ) ; 

Pour incorporer des caracteres speciaux, il faut utiliser les caracteres d'echappement places entre des apostrophes 
(quotes) et constitues de I'antislash suivi d'une lettre. 

Exemples : 

• \n : nouvelle ligne. 

• \t : tabulation. 

• \" : guillemets. 

■ Testez la classe FenConnexion en modifiant les parametres. 



Vous pouvez affiner le controle de saisie en verifiant si I'utilisateur a au moins renseigne les rubriques et en 
precisant si I'erreur vient du nom ou du mot de passe. 



II reste a effectuer les mimes traitements pour le deuxieme evenement mouseClicked(). En reference a la 
programmation structuree, le plus simple est de creer une methode commune aux deux evenements. Avantages : 
moins de lignes de code et surtout une maintenance aisee. 

La methode controleConnexion_Appel() est creee rapidement par copier-coller. 



private void controleConnexion_Appel ( ) { 

String leNom = nomUtilisateur_TextField. getText ( ) ; 

String leMotDePasse = String . val ueOf (motDePasse_PasswordField . getPassword ()) ; 
"ALERTE", JOptionPane . ERROR_MESSAGE) ; 

} 

) 



■ Inserez cette methode dans la methode getBtn_Connexion. 



private JButton getBtn_Connexion ( ) { 
if (btn_Connexion == null) { 

btn_Connexion . addMouseListener (new java . awt . event . MouseAdapter () { 
public void mouseClicked ( java . awt . event . MouseEvent e) { 
controleConnexion_Appel () ; 

; 
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}); 

btn_Connexion . addKeyListener (new java . awt . event . KeyAdapter ( ) { 

public void keyPressed ( java . awt . event . KeyEvent e) (if (e . getKeyCode () == 10)1 
controleConnexion_Appel () ; 

} 

i 

}); 

^return btn_Connexion; } 



Pour finir, les parametres de connexion concernant le pilote et la base de donnees sont rendus visibles dans la fenetre 
de connexion. II s'agit d'une simple information, I'utilisateur ne pouvant modifier ces parametres. Cela nous permet 
d'aborder la gestion des evenements au niveau de la fenetre. 

■ Pour etre sur de bien selectionner la fenetre et non le panneau, effectuez un die droit sur I'un des coins de la 
fenetre. 

■ Choisissez Events - windowOpened. 



Annuler Ctrl+Z 
t[> Repeter Ctrl+Y 




Ouvrir 

Open With ► 
Ouvrir la hierarchie des types 




o£cut 
01 Paste 




Rename Field 
X Delete 




Events ► | 


Add Events . . , 


Create Content Pane 


®* windowClosing 


Set Title 


windowOpened 


Customize Layout... 


®* enabled 





■ Modifiez le code genere. 



this . addWindowListener (new java . awt . event . WindowAdapter ( ) { 
public void windowOpened ( java . awt . event .WindowEvent e) { 

entite . Parametres leControleParametres = ControleConnexion . getParametres ( ) ; 
server BD_TextField . set Text ( leControleParametres . get Driver SGBD ( ) ) ; 
driver SGBD_TextField . set Text ( leControleParametres . getServeurBD ( ) ) ; 
} 

)) ; 

L'objet leControleParametres de type Parametres regoit les parametres recuperes par le biais de la methode 

statique getParametresQ de la classe ControleConnexion. L'importation de la classe Parametres n'ayant pas ete 
effectuee, il faut faire preceder la classe du nom de son paquetage. 

■ La fenetre de connexion est desormais totalement operationnelle. Testez I'application. Vous devriez obtenir le 
resultat suivant : 
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SARL CAGOV 



Nom 

Mot de passe 
Base de donnees 
Driver 



root 



sun.jdb:.odb:.JdbcOdb:Driver 



jdbc:odbc:BDJavaCagou 



Se connecter 



Quitter 



Avant de clore cette section, nous allons modifier le bouton QUITTER de la fenetre menu, FenMenu, en inserant le 
code qui ferme la connexion lorsque I'utilisateur quitte I'application. 



■ Ouvrez la classe FenMenu et effectuez les modifications. 



private JButton getBtn_Quitter ( ) { 
if (btn_Quitter == null) { 

public void actionPerf ormed ( java . awt . event . ActionEvent e) { 
FenMenu .this . dispose ( ) ; 

controle . ControleConnexion . fermetureSession ( ) ; 
System. exit (0) ; 

} 

}) ; 

btn_Quitter . addKeyListener (new java . awt . event . KeyAdapter ( ) { 
public void keyPressed ( java . awt . event . KeyEvent e) { 
if (e.getKeyCode () == 10) { 
FenMenu .this . dispose ( ) ; 

controle . ControleConnexion . fermetureSession ( ) ; 

System. exit (0) ; 

} 

} 

}) ; 

} 

return btn_Quitter; 

} 



Classe Parametres version finale : 



package entite; 



public class Parametres { 



// PROPRIETES 

private String nomUtilisateur ; 
private String motDePasse; 
private String serveurBD; 
private String driverSGBD; 



// CONSTRUCTEUR 
public Parametres (){ 

nomUtilisateur = "root"; 

motDePasse = "tempo"; 

driverSGBD ="sun . jdbc . odbc . JdbcOdbcDriver " ; 
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serveurBD = " jdbc : odbc : BDJavaCagou" ; 

) 

public String getDr iver SGBD ( ) { 
return driverSGBD; 

} 

public String getMotDePasse ( ) { 
return motDePasse; 

) 

public String getNomUtilisateur ( ) { 
return nomUtilisateur; 

} 

public String getServeurBD ( ) { 
return serveurBD; 

) 



Classe ControleConnexion version finale : 



package controle; 

import entite . Parametres ; 

//importation des classes pour JDBC 
import java . sql . Connection; 
import java . sql . DriverManager ; 
import java . sql . SQLException; 

// pour les boites de dialogue 
import javax . swing . JOptionPane; 

public class ControleConnexion { 

// PROPRIETES 

static Parametres lesParametres; 
static boolean etatConnexion; 
static Connection laConnectionStatique; 
static { 

boolean ok = true; 

lesParametres = new Parametres () ; 

try { 

Class . forName (lesParametres . getDr iver SGBD ( ) ) ; 
etatConnexion = true; 

) 

catch (ClassNotFoundException e) { 

JOptionPane . showMessageDialog (null, "Classes non trouvees" 
+ " pour le chargement du pilote JDBC/ODBC MySQL", 
" ALERTE " , JOptionPane. ERROR_MESSAGE) ; 
ok = false; 

etatConnexion = false; 

} 

if (ok == true) { 
try { 

// recuperation des parametres presents dans la classe Parametres 
String urlBD = lesParametres . getServeurBD () ; 
String nomUtilisateur = lesParametres . getNomUtilisateur () ; 
String MDP = lesParametres . getMotDePasse () ; 

laConnectionStatique = DriverManager . getConnection (urlBD, nomUtilisateur, MDP); 
etatConnexion = true; 

} 

catch (Exception e) { 

JOptionPane . showMessageDialog (null, "Impossible de se connecter" + 
" a la base de donnees", 
"ALERTE", JOptionPane . ERROR_MESSAGE) ; 
etatConnexion = false; 

} 
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// CONSTRUCTEUR 

public ControleConnexion ( ) { 

) 

// METHODES 

// les accesseurs statiques 

// 

public static Parametres getParametres ( ) { 
return lesParametres; 

} 

public static boolean getControleConnexion ( ) { 

return etatConnexion; 

} 

public static Connection getConnexion ( ) { 
return laConnectionStatique; 

} 

II les autres methodes 

// 

public static boolean controle (String Norn, String MotDePasse) { 
boolean verif icationSaisie; 

if (Nom .equals (lesParametres . getNomUt ilisateur ( ) ) 
&& MotDePasse . equals (lesParametres . getMotDePasse ( ) ) ) { 
verif icationSaisie = true; 

} 

else { 

JOptionPane . showMessageDialog (null, "Verifier votre saisie.", 
"ERREUR", JOptionPane. ERROR_MESSAGE) ; 
verif icationSaisie = false; 

} 

return verif icationSaisie; 

) 

public static void f ermetureSession ( ) { 
try { 

laConnectionStatique . close ( ) ; 

} 

catch (SQLException e) { 

JOptionPane . showMessageDialog (null, "Probleme rencontre" + 
"a la fermeture de la connexion", 

"ERREUR" , JOptionPane . ERROR_MESSAGE) ; 




Classe FenetreConnexion version finale : 

La structure generale est rappelee. Seules, les methodes getBtn_Connexion et getBtn_Quitter sont reportees dans 
leur integralite. 

package dialogue; 

import controle . ControleConnexion; 
public class FenConnexion extends JFrame { 
// PROPRIETES 

// CONSTRUCTEUR 
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// METHODES 



// les methodes getXXXO des boutons 
// creation et initialisation 
private JButton getBtn_Connexion ( ) { 
if (btn_Connexion == null) { 
btn_Connexion = new JButton (); 

btn_Connexion . setBounds (new Rectangle (106, 213, 119, 35)); 
btn_Connexion . setText ( "Se connecter" ) ; 

btn_Connexion . addMouseListener (new java . awt .event . MouseAdapter ( ) { 
public void mouseClicked ( java . awt . event .MouseEvent e) { 
/* ACTION 
* ****** * / 

controleConnexion_Appel () ; 

} 

}) ; 

btn_Connexion . addKeyListener (new java . awt . event . KeyAdapter ( ) { 
public void keyPressed ( java . awt . event . KeyEvent e) { 
if (e.getKeyCode () == 10) { 

controleConnexion_Appel () ; 




} 

return btn_Connexion; 

) 

private JButton getBtn_Quitter ( ) { 
if (btn_Quitter == null) { 
btn_Quitter = new JButton (); 

btn_Quitter. setBounds (new Rectangle (224, 213, 119, 35)); 
btn_Quitter . setText ( "Quitter" ) ; 

btn_Quitter . addMouseListener (new java . awt . event .MouseAdapter ( ) { 
public void mouseClicked ( java . awt . event .MouseEvent e) { 
FenConnexion .this . dispose ( ) ; 
System. exit (0) ; 

} 

}) ; 

btn_Quitter . addKeyListener (new java . awt . event . KeyAdapter ( ) { 
public void keyPressed ( java . awt . event . KeyEvent e) { 
if (e.getKeyCode () == 10) { 
FenConnexion .this . dispose ( ) ; 
System. exit (0) ; 

} 

} 

}) ; 

) 

return btn_Quitter; 



/* METHODE ACTION 

************** */ 

private void controleConnexion_Appel ( ) { 

ControleConnexion leControleConnexion = new ControleConnexion ( ) ; 
serverBD_TextField . setText ( leControleConnexion . getParametres ( ) . get Driver SGBD ( ) ) ; 
driverSGBD_TextField . setText ( leControleConnexion . getParametres ( ) . getServeurBD ( ) ) 

String leNom = nomUtilisateur_TextField. getText ( ) ; 

String leMotDePasse = St ring . val ueOf (motDePasse_PasswordField . getPassword ()) ; 
leControleConnexion . cont role ( leNom, leMotDePasse ) ; 
if (leControleConnexion . getControleSaisie ( ) ) { 
if (leControleConnexion . getControleConnexion ( ) ) { 
FenConnexion .this . dispose ( ) ; 
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FenMenu laFenetreMenu = new FenMenuO; 
laFenetreMenu . setvisible (true) ; 

} 

else 

JOptionPane . showMessageDialog (null, "Impossible de se connecter" + 

" a la base de donnees" +' \n' +'\n' 

+ "Vos nom et mot de passe sont corrects." +' \n' 

+ "Mais les parametres pour le pilote et la base de donnees " 

+ "doivent etre verifies" +' \n' +' \n' 

+ "Conctacter le responsable inf ormatique . " , 

"ALERTE", JOptionPane . ERROR_MESSAGE) ; 




public static void main (String [ ] args) { 
) 

} 
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Fenetres Clients 

Deux types d'affichage sont proposes pour les enregistrements provenant de la base de donnees MySQL 

• en mode table ; 

• en mode fiche. 

1. Fonctionnalites 

Fenetre affichant les donnees en mode table : 



CLIENTS 



Code 



B01 



DR1 



LAI 



Mom 



BAUMER SA 
DROUX 



LANGLE 



AJOUTEft 



5 UP PRIMER 



Societe 



Parti culler 



Artisan 



WOblFIER 



RECHERCHE ft 



QUITTER 



Les donnees apparaissent dans un tableau. Quatre boutons sont proposes permettant a I'utilisateur d'effectuer 
certains traitements sur les donnees. L'activation d'un bouton presente une autre fenetre en mode fiche. 



Fenetre affichant les donnees en mode fiche 



Code 
Nom 
Type 











SAUVEGARDER 


SUPPRIMER 


CHERCHER 


QUITTER 
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Les boutons ne correspondant pas au choix de I'utilisateur sont temporairement desactives. Cette gestion des boutons 
permet de ne creer qu'une seule fenetre pour les differentes actions. 



2. Maquette en mode table 

■ Ouvrez la classe FenTableClient a partir du paquetage dialogue avec Visual Editor. 

Cette maquette necessite I'utilisation d'un nouveau composant de type JTable. Nous avons le choix entre deux 
composants, le premier avec ascenseur, le second sans. 



p| JTable on JScrollPane 
BH JTable 



Agrandissez la fenetre de sorte qu'elle puisse accueillir un tableau de trois colonnes (voir la figure precedente). 
Selectionnez dans la palette, le composant JTable on JScrollPane (avec ascenseur) et deposez-le dans la fenetre. 



Bean Name 

Provide names for beans 



Q Q JScrollPane j5crollPane 



Preferences 



QDo not ask again 



® 



OK 



Annuler 



Bean Name 

Provide names for beans 



® H jTable jTable 



Preferences 



I I Do not ask again 



® 



OK 



Annuler 



Le composant jTable est egalement cree et contenu dans le composant jScrollPane. 

Poursuivez la construction de la maquette en renommant les composants comme indique ci-apres. 



Type de composant 


Nom 


JLabel 


titre_Label 


JTable 


laTable_Table 
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JButton 


btn_Ajouter, btn_Suppr imer, btn_Modif ier, 
btn_Rechercher, btn_Quitter 



Les methodes pour les boutons ont ete renommees : 

getBtn_Ajouter(), getBtn_Supprimer(), getBtnModifier(), getBtn_Rechercher(), getBtn_Quitter() 

Pour gagner du temps, laissez le nom et la methode proposes par defaut par Eclipse pour le panneau : jContentPane, 
getJContentPaneQ. Idem pour jScrollPane et getJScrollPaneQ. 

■ Ajoutez les accesseurs et les mutateurs avec I'aide d'Eclipse (cf. chapitre Gestion de la connexion). 

La conception d'une maquette a ete deja amplement detaillee. Nous ne nous attarderons plus sur le code graphique. 

■ Lancez la classe FenTableClient pour verifier son aspect. 

Les boutons sont pour I'instant inactifs et la table de donnees vide. 

3. Maquette en mode fiche 

Cette fenetre permet d'afficher un enregistrement en mode liste. 

■ Avec Visual Editor, personnalisez la classe graphique FenFicheClient telle que presentee dans la section 
Fonctionnalites de ce chapitre. 

■ Renommez seulement les noms des boutons et leurs methodes getXXXQ : 

• btn_Ajouter, btn_Supprimer, btn_Rechercher, btn_Quitter 

• getBtn_Ajouter(), getBtn_Supprimer(), getBtn_Rechercher(), getBtn_Quitter() 

Reportez-vous au code complet de cette classe a la fin de cette section pour les dimensions et le positionnement des 
composants. 

■ Ajoutez les accesseurs et les mutateurs avec I'aide d'Eclipse. 

■ Lancez la classe FenFicheClient pour verifier son aspect. 

Certains traitements en mode fiche necessitent que des champs de saisie soient accessibles alors que d'autres doivent 
etre verrouilles. Par exemple, on peut decider qu'une demande de suppression entraine un verrouillage des champs 
nom et type, seul, le champ code restant accessible. 

■ Modifiez la portee des accesseurs aux champs de saisie en changeant le mot cle private par public. 

public JTextField get JTxTCode ( ) { 

} 

public JTextField getJTxTNomO { 

} 

return jTxTNom; 

} 

public JTextField get JTxTType ( ) { 

} 



La fenetre FenFicheClient n'est visible qu'a partir de la fenetre FenTableClient et plus precisement lors de I'activation 
des boutons de celle-ci hormis bien sur le bouton QUITTER. 
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AJOUTER 


SUPP RIMER 


MOD I FIE ft 


RECHERCHE R 


QUITTER 



La fenetre FenFicheClient est alors ouverte, certains boutons etant desactives en fonction du choix de I'utilisateur. Par 
exemple, pour un ajout : 











SAUVEGARDER 


SUPPR1MER 


CHERCHER 


QUITTER 



















L'idee est de creer une instance de FenFicheClient en meme temps qu'une instance de la fenetre FenTableClient est 

creee, la premiere etant alors non visible mais accessible par un handle. 

■ Modifiez la visibilite de la fenetre FenFicheClient lors de sa creation. 



private void initialize () { 
this . setvisible (false) ; 

} 



■ Ajoutez les methodes gerant I'etat des boutons. 



public JButton setBtn_EnregistrerActif ( ) { 
btn_Enregistrer . setEnabled (true) ; 
return btn_Enregistrer; 

} 

public JButton setBtn_EnregistrerNonActif ( ) { 
btn_Enregistrer . setEnabled (false) ; 
return btn_Enregistrer; 

} 

public JButton setBtn_SupprimerActif ( ) { 
btn_Suppr imer . setEnabled (true) ; 
return btn_Supprimer; 

} 

public JButton setBtn_SupprimerNonActif ( ) { 
btn_Supprimer . setEnabled (false) ; 
return btn_Supprimer; 

} 

public JButton setBtn_RechercherActif ( ) { 
btn_Rechercher . setEnabled (true) ; 
return btn_Rechercher; 

} 

public JButton setBtn_RechercherNonActif ( ) { 
btn_Rechercher . setEnabled (false) ; 
return btn_Rechercher; 

} 



4. Activation de la fenetre client en mode table 

Nous allons rendre actifs tous les boutons de la fenetre FenTableClient. 

■ Ouvrez la classe FenTableClient et inserez auparavant une nouvelle propriete. 



private FenFicheClient laFiche_client = new FenFicheClient () ; 



On peut proceder autrement, par exemple en instanciant la fenetre FenFicheClient dans chaque bouton mais cela 
alourdit le code et multiplie les instanciations. 



4 - 
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Pour chaque bouton, ajoutez le code pour gerer I'evenement die de souris. Utilisez Eclipse pour vous faciliter la tache 
a moins que vous ne preferiez, a ce stade de I'etude, ecrire vous-meme le code. 



CLIENTS 





e 


C 


D 


E 


0x0 


Cxi 


0x2 


0>: 3 


3X4 


ixO 


1x1 


v,o 


1*3 


ixi 


2xfl 


m 


2x2 


2X3 


2'<i 


3X0 


3X1 


3x2 


3X3 


3X4 


4x0 


4x1 


4x2 


4x3 


4x4 





/-jo utter ■ suppri.v.eg 

0^ Annuler 
t£> Repeter 



MODIFIER 



CW+Z 
OW+V 



Ojvvir 

Ojviir Is hieremhie dss types 



(IS P^ste 



Flertflffte Fi*ld 
J£ Delete 



RECHERCHER 



QUITTER 



Add Events .,■ 



Set Text 

CLStomii& Layout,, 



enabled 
®* te«t 



Modifiez ensuite les methodes agissant sur I'etat des boutons : getBtn_Ajouter(), getBtn_Supprimer(), 
getBtn_Modifier(), getBtn_Rechercher(). 



private JButton getBtn_Aj outer ( ) { 
if (btn_Ajouter == null) { 
btn_Ajouter = new JButton (); 

btn_Ajouter . setBounds (new Rectangle (10, 259, 115, 44)); 
btn_Ajouter . setText ( " AJOUTER" ) ; 

btn_Ajouter . setFont (new Font ( "Comic Sans MS", Font. BOLD, 12)); 
btn_Ajouter . setName ( " " ) ; 

btn_Ajouter . addMouseListener (new java . awt . event . MouseAdapter ( ) { 
public void mouseClicked ( java . awt . event .MouseEvent e) { 
// preparation de la fenetre en mode fiche 

// 1. on ferme la fenetre TableClient 
FenTableClient . this . dispose ( ) ; 
laFiche_client . setBtn_EnregistrerActif () ; 

// 2. on desactive le bouton Supprimer de la fiche client 
laFiche_client . setBtn_SupprimerNonActif ( ) ; 
// 3. on desactive le bouton Chercher de la fiche client 
laFiche_client . setBtn_RechercherNonActif ( ) ; 
laFiche_client . setvisible (true) ; 

} 

}) ; 

} 

return btn_A jouter ; 
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private JButton getBtn_Supprimer ( ) { 
if (btn_Supprimer == null) { 

btn_Supprimer . addMouseListener (new j ava . awt . event . MouseAdapter ( ) { 
public void mouseClicked ( java . awt . event .MouseEvent e) { 
FenTableClient . this . dispose ( ) ; 
laFiche_client . setBtn_EnregistrerNonActif ( ) ; 
laFiche_client . setBtn_RechercherNonActif ( ) ; 
laFiche_client . get JTxTCode ( ) . setEditable (true) ; 
// les champs suivants sont masques 
laFiche_client . get JTxTNom ( ) . setvisible (false) ; 
laFiche_client . get JTxTType ( ) . setvisible (false) ; 
laFiche_client . setvisible (true) ; 

} 

}); 

} 

return btn_Supprimer ; 

} 

private JButton getBtn_Modif ier ( ) { 
if (btn_Modif ier == null) { 

btn_Modif ier . addMouseListener (new java . awt . event .MouseAdapter ( ) { 
public void mouseClicked ( java . awt . event .MouseEvent e) { 
// rien pour 1' instant, les modif icactions seront gerees differemment 
} 

}); 

btn_Modif ier . setFont (new Font ("Comic Sans MS", Font. BOLD, 12)); 

} 

return btn_Modif ier; 

private JButton getBtn_Rechercher ( ) { 
if (btn_Rechercher == null) { 

btn_Rechercher . addMouseListener (new java . awt . event .MouseAdapter ( ) { 
public void mouseClicked ( java . awt . event .MouseEvent e) { 
FenTableClient . this . dispose ( ) ; 
laFiche_client . setBtn_EnregistrerNonActif ( ) ; 
laFiche_client . setBtn_SupprimerNonActif ( ) ; 
laFiche_client . setvisible (true) ; 

} 

}); 

} 

return btn_Rechercher; 

} 



Code de la maquette de la fenetre FenTableClient version 1. 



package dialogue; 

import javax . swing . JFrame; 
import javax . swing . JPanel; 
import javax . swing . JScrollPane; 
import javax . swing . JTable; 
import java . awt . Rectangle; 
import javax . swing . JLabel ; 
import javax . swing . JButton; 
import java . awt . Font ; 

public class FenTableClient extends JFrame { 
// Proprieties 

private FenFicheClient laFiche_client = new FenFicheClient ( ) ; 
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private static final long serialVersionUID = 1L; 

private JPanel jContentPane = null; 
private JScrollPane jScrollPane = null; 
private JTable laTable_Table = null; 
private JLabel titre_Label = null; 
private JButton btn_Ajouter = null; 
private JButton btn_Supprimer = null; 
private JButton btn_Modifier = null; 
private JButton btn_Rechercher = null; 
private JButton btn_Quitter = null; 



// Constructeur 
public FenTableClient ( ) { 
super ( ) ; 

initialize ( ) ; 

} 



// Methodes 

private void initialize!) { 

this. setSize (631, 360); 

this . setContentPane (get JContentPane ( ) ) ; 
this.setTitle ("HL") ; 
this . setLocationRelativeTo (null) ; 
this . setvisible (true) ; 

) 

private JPanel get JContentPane ( ) { 
if (jContentPane == null) { 
titre_Label = new JLabel (); 

titre_Label . setBounds (new Rectangle (73, 9, 315, 16)); 

titre_Label . setFont (new Font ("Comic Sans MS", Font . BOLD, 18)); 

titre_Label . setText ("CLIENTS") ; 

jContentPane = new JPanel (); 

jContentPane . setLayout (null) ; 

jContentPane . add (get JScrollPane ( ) , null) ; 

jContentPane . add (titre_Label, null) ; 

jContentPane . add (getBtn_A jouter ( ) , null) ; 

jContentPane . add (getBtn_Supprimer ( ) , null) ; 

jContentPane . add (getBtn_Rechercher ( ) , null) ; 

jContentPane . add (getBtn_Quitter ( ) , null) ; 

jContentPane . add (getBtn_Modif ier ( ) , null) ; 

) 

return jContentPane; 

} 

private JScrollPane get JScrollPane ( ) { 
if (jScrollPane == null) { 

jScrollPane = new JScrollPane () ; 

jScrollPane . setBounds (new Rectangle (75, 33, 453, 200)); 
jScrollPane . setviewportview (get JTable () ) ; 

) 

return jScrollPane; 



private JTable getJTableO { 
if (laTable_Table == null) { 
laTable_Table = new JTable (); 

) 

return laTable_Table; 



private JButton getBtn_Aj outer ( ) { 
if (btn_Ajouter == null) { 
btn_A jouter = new JButton (); 

btn_Ajouter. setBounds (new Rectangle (10, 259, 115, 44)); 
btn_A jouter . setText ( "AJOUTER" ) ; 

btn_A jouter . setFont (new Font ("Comic Sans MS", Font. BOLD, 12)); 
btn_A jouter . setName ( " " ) ; 
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btn_A j outer . addMouseListener (new java . awt .event . MouseAdapter ( ) 
public void mouseClicked ( java . awt . event .MouseEvent e) { 
// preparation de la fenetre en mode fiche 
// 1. on ferme la fenetre TableClient 
FenTableClient . this . dispose ( ) ; 
laFiche_client . setBtn_EnregistrerActif ( ) ; 

112. on desactive le bouton Supprimer de la fiche client 
laFiche_client . setBtn_SupprimerNonActif ( ) ; 
// 3. on desactive le bouton Chercher de la fiche client 
laFiche_client . setBtn_RechercherNonActif ( ) ; 
laFiche_client . setvisible (true) ; 



return btn_Aj outer; 

) 

private JButton getBtn_Supprimer ( ) { 
if (btn_Supprimer == null) { 
btn_Suppr imer = new JButton (); 

btn_Supprimer . setBounds (new Rectangle (124, 259, 115, 44)); 
btn_Supprimer . setText ( "SUPPRIMER" ) ; 
btn_Supprimer . setName ( " " ) ; 

btn_Supprimer . setFont (new Font ("Comic Sans MS", Font. BOLD, 12)); 
btn_Supprimer . addMouseListener (new java . awt .event . MouseAdapter ( ) 
public void mouseClicked ( java . awt . event .MouseEvent e) { 

FenTableClient . this . dispose ( ) ; 

laFiche_client . setBtn_EnregistrerNonActif ( ) ; 

laFiche_client . setBtn_RechercherNonActif ( ) ; 

laFiche_client . get JTxTCode ( ) . setEditable (true) ; 

// on rend les champs suivants non editables 

laFiche_client . get JTxTNom ( ) . setEditable (false) ; 

laFiche_client . get JTxTType ( ) . setEditable (false) ; 

laFiche_client . setvisible (true) ; 

} 

)) ; 

) 

return btn_Supprimer ; 

) 

private JButton getBtn_Modif ier ( ) { 
if (btn_Modif ier == null) { 

btn_Modifier = new JButton (); 

btn_Modifier. setBounds (new Rectangle (238, 259, 115, 44)); 
btn_Modif ier . setName ( " " ) ; 
btn_Modif ier . setText ( "MODIFIER" ) ; 

btn_Modifier. setFont (new Font ("Comic Sans MS", Font. BOLD, 12)); 
btn_Modif ier . addMouseListener (new java . awt . event . MouseAdapter ( ) 
public void mouseClicked ( java . awt . event . MouseEvent e) { 
/ rien pour 1' instant, les modif icactions seront gerees differemment 

} 

}) ; 

) 

return btn_Modif ier; 

) 

private JButton getBtn_Rechercher ( ) { 
if (btn_Rechercher == null) { 
btn_Rechercher = new JButtonO; 

btn_Rechercher . setBounds (new Rectangle (352, 259, 115, 44)); 
btn_Rechercher . setName ( " " ) ; 
btn_Rechercher . setText ( "RECHERCHER" ) ; 

btn_Rechercher . setFont (new Font ("Comic Sans MS", Font. BOLD, 12)) 
btn_Rechercher . addMouseListener (new java . awt . event .MouseAdapter ( 
public void mouseClicked ( java . awt . event .MouseEvent e) { 

FenTableClient .this . dispose ( ) ; 

laFiche_client . setBtn_EnregistrerNonActif ( ) ; 

laFiche_client . setBtn_SupprimerNonActif ( ) ; 

laFiche_client . setvisible (true) ; 
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)) ; 

) 

return btn_Rechercher; 

) 

private JButton getBtn_Quitter ( ) { 
if (btn_Quitter == null) { 
btn_Quitter = new JButton (); 

btn_Quitter.setBounds (new Rectangle (466, 259, 115, 44)); 
btn_Quitter . setFont (new Font ("Comic Sans MS", Font. BOLD, 12)); 
btn_Quitter . setText ( "QUITTER" ) ; 

btn_Quitter . addActionListener (new java . awt . event . ActionListener ( ) { 
public void actionPerf ormed ( java . awt . event . ActionEvent e) { 
FenTableClient .this . dispose ( ) ; 

} 

}) ; 

) 

return btn_Quitter; 

} 

} 



Code complet de la maquette de la fenetre FenFicheClient version 1. 



package dialogue; 
import javax . swing . JPanel ; 
import javax . swing . JFrame; 
import javax . swing . JTextField; 
import java . awt . Rectangle; 
import javax . swing . JLabel ; 
import javax . swing . JButton; 

public class FenFicheClient extends JFrame { 
// Proprietes 

private static final long serialVersionUID = 1L; 

private JPanel jContentPane = null; 

private JTextField jTxTCode = null; 

private JTextField jTxTNom = null; 

private JTextField jTxTType = null; 

private JLabel jLabelCode = null; 

private JLabel jLabelNom = null; 

private JLabel j Label Type = null; 

private JButton btn_Enregistrer = null; 

private JButton btn_Quitter = null; 

private JButton btn_Supprimer = null; 

private JButton btn_Rechercher = null; 

// Constructeur 
public FenFicheClient ( ) { 
super ( ) ; 

initialize ( ) ; 

) 

// Methodes 

private void initialize () { 

this . setSize (579, 344); 

this . setContentPane (get JContentPane ( ) ) ; 
this . setTitle ( "HL " ) ; 
this . setLocationRelativeTo (null) ; 
this . setvisible (false) ; 

} 

private JPanel get JContentPane ( ) { 
if (jContentPane == null) { 

jLabelType = new JLabel (); 

jLabelType . setBounds (new Rectangle (72, 99, 76, 16)); 
jLabelType . setText ( "Type" ) ; 
jLabelNom = new JLabel (); 
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jLabelNom. setBounds (new Rectangle ( 72 , 77, 78, 16)); 
jLabelNom. setText ( "Norn" ) ; 
jLabelCode = new JLabelO; 

jLabelCode . setBounds (new Rectangle (72, 53, 77, 16)); 
jLabelCode . setText ("Code") ; 
jContentPane = new JPanelO; 
jContentPane . setLayout (null) ; 
jContentPane . add (get JTxTCode ( ) , null) ; 
jContentPane . add (get JTxTNom ( ) , null) ; 
jContentPane . add (get JTxTType ( ) , null) ; 
jContentPane . add ( jLabelCode, null) ; 
jContentPane . add ( jLabelNom, null) ; 
jContentPane . add ( jLabelType, null) ; 
jContentPane . add (getBtn_Enregistrer ( ) , null) ; 
jContentPane . add (getBtn_Quitter ( ) , null) ; 
jContentPane . add (getBtn_Supprimer ( ) , null) ; 
jContentPane . add (getBtn_Rechercher ( ) , null) ; 

} 

return jContentPane; 

) 

public JTextField get JTxTCode ( ) { 
if (jTxTCode == null) { 

jTxTCode = new JTextField () ; 

jTxTCode. setBounds (new Rectangle (151, 51, 125, 20)); 

} 

return jTxTCode; 

) 

public JTextField getJTxTNom() { 
if (jTxTNom == null) { 

jTxTNom = new JTextField () ; 

jTxTNom. setBounds (new Rectangle (152, 75, 124, 20)); 

} 

return jTxTNom; 

} 

public JTextField get JTxTType ( ) { 
if (jTxTType == null) { 

jTxTType = new JTextField () ; 

jTxTType. setBounds (new Rectangle (153, 100, 124, 20)); 

} 

return jTxTType; 

) 

private JButton getBtn_Enregistrer ( ) { 
if (btn_Enregistrer == null) { 

btn_Enregistrer = new JButtonO; 

btn_Enregistrer . setBounds (new Rectangle (19, 237, 126, 41)) 
btn_Enregistrer. setText ( " SAUVEGARDER" ) ; 



return btn_Enregistrer; 

) 

private JButton getBtn_Supprimer ( ) { 
if (btn_Supprimer == null) { 

btn_Supprimer = new JButtonO; 

btn_Supprimer . setBounds (new Rectangle (144, 237, 138, 41)); 
btn_Supprimer. setText ( " SUPPRIMER" ) ; 

} 

return btn_Supprimer; 

} 

private JButton getBtn_Rechercher ( ) { 
if (btn_Rechercher == null) { 

btn_Rechercher = new JButtonO; 

btn_Rechercher . setBounds (new Rectangle (281, 237, 126, 41)) 
btn_Rechercher . setText ("CHERCHER") ; 
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return btn_Rechercher ; 

) 

// GESTION DE L' ACCESS IBILITE DES BOUTONS EN FONCTION DES CHOIX 

// 

// Ces methodes rendent actif s/inactif s les boutons 

// lors d' un choix d' action effectue a partir de la fenetre TableClient 
public JButton setBtn_EnregistrerActif ( ) { 

btn_Enregistrer . setEnabled (true) ; 

return btn_Enregistrer; 

) 

public JButton setBtn_EnregistrerNonActif ( ) { 
btn_Enregistrer . setEnabled (false) ; 
return btn_Enregistrer; 

) 

public JButton setBtn_SupprimerActif ( ) { 
btn_Supprimer . setEnabled (true) ; 
return btn_Supprimer; 

) 

public JButton setBtn_SupprimerNonActif ( ) { 
btn_Supprimer . setEnabled (false) ; 
return btn_Supprimer ; 

) 

public JButton setBtn_RechercherActif ( ) { 
btn_Rechercher . setEnabled (true) ; 
return btn_Rechercher ; 

} 

public JButton setBtn_RechercherNonActif ( ) { 
btn_Rechercher . setEnabled (false) ; 
return btn_Rechercher ; 

) 

private JButton getBtn_Quitter ( ) { 
if (btn_Quitter == null) { 

btn_Quitter = new JButton (); 

btn_Quitter. setBounds (new Rectangle (406, 237, 126, 41)); 
btn_Quitter.setText ("QUITTER") ; 

} 

return btn_Quitter ; 

) 

I 
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Gestion de I'affichage des donnees 



Dans cette section, nous abordons les traitements. Ceux-ci constituent la partie la plus delicate du developpement mais 
aussi la plus interessante. Dans le cadre de notre etude nous nous limitons a la gestion des clients pour les operations 
suivantes : 

• affichage ; 



• modification ; 



• ajout ; 



• suppression ; 



• recherche. 

Pour toutes ces operations, la base de donnees MySQL est sollicitee soit pour restituer les enregistrements soit pour 
sauvegarder toute modification ou ajout realise par le biais des objets de I'application. Une connaissance basique du 
langage SQL s'avere necessaire pour construire les requetes. Cette section permet aussi de rendre operationnelles les 
fenetres clients. 



1. Recuperation des enregistrements 



a. Phase preparatoire 

A la premiere utilisation de I'application, deux cas de figure peuvent se presenter pour la base de donnees : soit elle 
est vide, soit elle contient deja des enregistrements. II conviendrait d'en tenir compte et d'afficher le mode adequat, 
soit la fiche pour un ajout ou la table pour visualiser les enregistrements lors de la premiere activation du bouton 
CLIENTS de la fenetre menu, selon I'etat initial de la base de donnees. Pour aller a I'essentiel, nous allons considerer 
le deuxieme cas et reutiliser les enregistrements de la base creee au chapitre Base de donnees MySQL. La aussi, 
nous avions privilegie la comprehension en creant une base de donnees minimaliste de quatre tables, la table client 
ne possedant dans le meme ordre d'idee que trois champs. 

Revoyons les enregistrements deja existants. 

■ Lancez le serveur Wamp. 

■ Dans la barre des taches, cliquez sur I'icone de Wamp. 



■ Cliquez sur phpMySQL. 

■ Choisissez la base de donnees bdjavacagou puis cliquez sur la table client. 







Base de donnees: 


bdjavacagou (4) 






bdjavacagou 




M article 




Hi client 




Hi commands 




Hi ligne_commande 
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- 1 - 



La structure de la table client est alors presentee. 





Champ 


Type 


Interclassement 


Attribute 


Null 


Defaut 


Extra 


Action 


1 — 1 

□ 


Code 


varchar(S) 


latin 1_s we dish_ci 




Non 








X 






m 


m 


□ 


Norn 


varchar[20) 


latin 1_swedish_ci 




Non 








X 




m 


m 


a 


□ 


Type 


varchar(15) 


latin 1_swedish_ci 




Non 








X 




m 


m 


a 



■ Cliquez sur I'onglet Afficher. Les enregistrements apparaissent. 





T- 


Code 


Nom 


Type 


□ 




X 


B01 


BAUMER SA 


Societe 


□ 




X 


DR1 


DROUX 


Particulier 


□ 


j? 


X 


LAI 


LAiNGLE 


Artisan 



Nous aimerions qu'a I'ouverture de la fenetre FenTableClient, les donnees de la base soient presentees en mode 
table. 

Pour y parvenir, il faut passer par plusieurs etapes : 

• Interrogation de la base avec une requete SQL. 

• Transfert du jeu d'enregistrements obtenu dans un objet Java de type collection. 

• Affichage des donnees de cet objet dans un composant contenu dans une IHM. 

Considerons la premiere etape. Quelle classe comporte la methode d'interrogation ? En reference a I'analyse realisee, 
il s'agit de la classe Client. Celle-ci etend la classe Personne. Nous allons done commencer par apporter les 
modifications concernant ces classes. 

■ Revenez sous Eclipse et ouvrez la classe Personne avec I'editeur Java. Completez son code. 



public abstract class Personne { 

private String code; 
private String nom; 
// ler constructeur 

public Personne (String vCode, String vNom) { 
code = vCode; 
nom = vNom; 

} 

// 2eme constructeur 
public Personne (String vCode) { 
code = vCode; 

} 

public String getCode(){ 
return code; 

} 

public String getNom(){ 
return nom; 

} 

public void setCode (String c) { 
code = c; 

} 

public void setNom (String n) { 
nom = n; 

} 

I 
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Deux constructeurs sont desormais presents. Nous verrons leur utilite plus loin. Rappel : le mot cle abstract 

signifie que cette classe ne peut etre instanciee. 

Eclipse signale une erreur dans la classe Client. Ceci est du au fait que le constructeur de la classe mere vient d'etre 
redefini. La definition des constructeurs des classes derivees devient alors obligatoire. 



3 


public class 


Client 


extends Personne{ 




cf Ajouter le constructeur 'Client(String)' 




L. 


} 


<? Ajouter le constructeur 'Client(5tringj String)' 

<£> Renornnner dans le fichier (acces direct par Ctrl+2, R) 



Nous allons maintenant nous occuper de la classe Client. Tel que precise au chapitre Analyse, c'est elle qui possede 
toutes les methodes agissant sur la base de donnees. Cette classe specialise la classe Personne. 

■ Ouvrez la classe Client avec I'editeur Java et completez son code. II s'agit pour I'instant de la structure generale. 



package entite; 

public class Client extends Personnel 
private String type; 
// ler Constructeur 

public Client (String vCode, String vNom, String vType) { 
super (vCode, vNom) ; 
type = vType; 

} 

// 2eme Constructeur 
public Client (String vCode) { 
super (vCode) ; 

} 

public String getType ( ) { 
return type; 

} 

public void setType (String vTitre) { 
type = vTitre; 

} 

// Ajout d' un nouveau client dans la BD 

// 

public void creerCRUD_Client (Client leClient) { 
} 

// Modification d'un client dans la BD 
// 

public void modif ierCRUD_Client (Client leClient) { 

1 

// Suppression d'un client dans la BD 
// 

public void supprimerCRUD_Client (Client leClient) { 

} 

// Chercher un ou plusieurs clients dans la BD 
// 

public int chercherCRUD_Clients (Client lesClients){ 
int nbClients =0; 
return nbClients; 

} 

} 

Cette classe possede aussi deux constructeurs. Le premier pour creer une personne avec toutes ses proprietes, 

le second qui est utilise pour la recherche. Dans un souci de simplicite, la recherche est limitee au code. Outre les 
accesseurs et les mutateurs, les methodes agissant sur la base de donnees sont declarees. II reste a les definir... 

b. Interrogation de la base avec une requete SQL 

Pour agir sur une base de donnees avec JDBC, deux operations principales doivent etre realisees : 
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• connexion au serveur et a la base de donnees ; 

• execution des requetes SQL. 

Dans notre projet, la premiere operation est deja prise en charge par la classe ControleConnexion. Celle-ci importe 
les classes Connection Driver et Manager pour effectuer les operations suivantes : 

• enregistrement et chargement du driver aupres du gestionnaire de pilotes ; 

• connexion et identification au serveur et a la base de donnees. 

A Tissue de cette etape, si tout s'est bien passe, un objet Connection unique est cree ou plus precisement une 
instance de la classe DriverManager qui implemente I'interface Connection (cf. le chapitre Base de donnees MySQL). 

La deuxieme operation concerne la classe Client et se decompose en plusieurs traitements : 

• creation d'un etat ou statement pour les requetes SQL ; 

• execution des requetes SQL ; 

• parcours des jeux d'enregistrements au besoin s'il s'agit de selections ; 

• fermeture des jeux d'enregistrements ; 

• fermeture du statement ; 

• deconnexion du serveur en fermant la connexion. 

Plusieurs importations doivent etre ajoutees a la classe Client pour obtenir la connexion a la base de donnees, gerer 
les requetes SQL et leur contenu. 



■ Ajoutez les importations. 



import 


java . sql 


Connection; 


import 


java . sql 


SQLException; 


import 


java . sql 


Statement ; 


import 


java . sql 


ResultSet; 


import 


java . sql 


Result SetMetaDat a; 


import 


controle 


* . 



Pour etablir le lien avec la classe ControleGestion, une propriete de ce type est declaree et initialisee. Par le biais de 
I'instance obtenue, la connexion statique est recuperee et permet ('initialisation d'une deuxieme propriete de type 
Connection. 



■ Completez les proprietes pour recuperer la connexion statique. 



private ControleConnexion 


leCont roleConnexion 


= new ControleConnexion () ; 


private Connection laC 


Connexion = leControJ 


eConnexion . getConnexion ( ) ; 



Nous pouvons maintenant ecrire la methode qui selectionne les enregistrements a partir d'une requete SQL. Nous 
I'ecrivons de sorte qu'elle puisse servir aussi pour des recherches parametrees. 



public int chercherCRUD_Clients (Client lesClients){ 
String leCode = lesClients . getCode ( ) ; 
String requete = null; 
try { 

//on facilite la saisie avec le joker SQL "%" 
leCode = leCode +"%"; 

requete = "SELECT * FROM client WHERE Code LIKE ' "+leCode+" ' " 



- 4- 
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+ " ORDER BY code, nom"; 

Statement state = laConnexion . createStatement ( ) ; 

ResultSet jeuEnregistrements = state . executeQuery ( requete ) ; 



catch ( SQLException e) { 

JOptionPane . showMessageDxalogixmH, "Probleme lors de la recherche. 
JOptionPane . ERROR_MESSAGE) ; 

} 



Le joker % remplace n'importe quelle suite de caracteres. La saisie est ainsi simplifiee pour les recherches. 

Attention a ne pas employer le signe " = " qui n'admet qu'un enregistrement en retour. 

II faut etre vigilant quant a la syntaxe pour I'ecriture des requetes, par exemple I'oubli d'un espace devant 
I'instruction LIKE provoque une erreur. Dans la table client de la base MySQL, le champ Code est declare cle primaire. 
L'utilisateur est ainsi averti s'il saisi un code deja existant. Respectez scrupuleusement I'orthographe et la casse des 
noms des tables et des champs de la base de donnees MySQL. 

Un objet Statement est cree. II fournit les methodes pour executer les requetes SQL telles que executeQueryQ pour 
les selections, executeUpdate() pour les modifications et executeQ pour tout autre ordre SQL. II existe d'autres 
variantes de la classe Statement : la classe PreparedStatement pour des requetes parametrees et la classe 
CallableStatement pour les procedures stockees. Pour plus d'informations sur leur emploi, consulter I'aide de SUN. 

■ Lancez I'application pour tester les modifications apportees au code. 



c. Transfert des enregistrements dans un objet Collection 

Dans la fenetre FenTableClient, aucun enregistrement n'est visible. Cela est normal. II faut passer a la deuxieme 
etape telle que mentionnee plus haut dans la phase preparatoire : il s'agit maintenant de transferer les 
enregistrements dans une structure d'accueil appropriee. 

Les enregistrements peuvent etre geres de diverses manieres avec Java, soit par le biais d'un tableau statique (la 
taille est fixe et definie a la creation) a deux dimensions soit a I'aide de vecteurs (Vector) ou de liste de tableaux 
(ArrayList) qui sont tous deux des collections, sorte de "supers" tableaux dynamiques (la taille n'est pas figee et 
peut varier en fonction des besoins). lis sont par ailleurs tres proches en terme de fonctionnalite et possedent en 
outre davantage de methodes que les tableaux, ce qui facilite la manipulation les donnees. Pour notre projet, nous 
utilisons les vecteurs. 

Positionnement de la classe Vector. 



java . lang. Object 

L- Java .util . Ab5 tract-Collection 
L- java .util . Ab3tractLi3t 
I — java. util .Vector 



rfs La classe Vector est plus ancienne que la classe ArrayList. Celle-ci est plus rapide mais Vector est thread 

w safe, ce qui signifie qu'il est possible d'acceder aux donnees d'un vecteur a partir de plusieurs processus. 

Une fois le transfert des enregistrements effectue dans un vecteur, la manipulation des donnees se fait par le biais 
de celui-ci. Pour qu'il soit accessible par la classe FenTableClient, le plus simple est d'ajouter a la classe Client de 
nouvelles proprietes de type Vector. 

■ Inserez les proprietes suivantes dans la classe Client sans oublier I'importation attendue : 



import java . util . Vector; 

private Vector<Vector> tabLignes = new Vector<Vector> ( ) ; 
private Vector<String> nomColonnes = new Vector<String> ( ) ; 



La classe Vector perrmet de stocker cles objets mais il convient de preciser leur type : tabLignes est un vecteur 
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de vecteurs, nomColonnes est un vecteur contenant des chaines de caracteres. 
■ Completez ensuite la methode chercherCRUD_Clients() de la classe Client. 



public int chercherCRUD_Clients (Client lesClients){ 
String leCode = lesClients . getCode ( ) ; 
int i, nbClients=0; 

String requete = null; 
try { 

leCode = leCode + "%"; 

requete = "SELECT * FROM client WHERE Code LIKE ' " +leCode+ " ' " 
+ " ORDER BY code, nom"; 

Statement state = laConnexion . createStatement ( ) ; 

ResultSet jeuEnregistrements = state . executeQuery ( requete ) ; 

ResultSetMetaData info jeuEnregistrements = jeuEnregistrements . getMetaData () ; 

f or ( i=l; i <= info jeuEnregistrements . getColumnCount () ; i++) 
{ nomColonnes . add ( info jeuEnregistrements . getColumnLabel ( i ) ) ; } 

while ( jeuEnregistrements . next ( ) ) { 

Vector<String> ligne = new Vector<String> ( ) ; 

for(i=l; i <= info jeuEnregistrements . getColumnCount () ; i++) { 
String chaine_champ = jeuEnregistrements . getString ( i ) ; 
ligne . add (chaine_champ) ; 

} 

tabLignes . add (ligne) ; 
nbClients = nbClients + 1; 



jeuEnregistrements . close ( ) ; 
state . close ( ) ; 

} 



catch (SQLException e) { 

JOptionPane . showMessageDialog (null, 
JOptionPane . ERROR_MES SAGE) ; 

} 

return nbClients; 



'Probleme lors de la recherche. 



L'interface ResultSetMetaData comporte de nombreuses methodes permettant d'obtenir des informations sur le jeu 
d'enregistrements issu d'un SELECT : nombre de colonnes, libelle d'une colonne, table d'origine, etc. Une instance de 
ResultSetMetaData est obtenue a partir d'un objet instance de la classe ResultSet avec la methode getMetaDataQ. 

Le nombre de colonnes est recupere avec la methode getColumnCount() de I'objet infojeuEnregistrements de type 
ResultSetMetaData et sert de condition d'arret a la premiere boucle for. Celle-ci est simple. Les titres des colonnes 
sont recuperes I'un apres I'autre avec la methode getColumnLabel() et ranges dans le vecteur nomColonnes. Avec 
le jeu d'enregistrements present dans la base, on obtient le resultat suivant : 



nomColonnes 

Code 



Nom 



Type 



La structure while est plus complexe. Cette fois-ci, il faut parcourir le jeu d'enregistrements. Durant le parcours, pour 
chaque enregistrement, un vecteur nomme ligne est cree et regoit les donnees de I'enregistrement courant I'une 
apres I'autre. C'est le role du for imbrique qui parcourt les colonnes pour chaque enregistrement. 

Des qu'un vecteur est rempli (a la sortie du for), il est ajoute au vecteur tabLignes qui est un vecteur contenant des 
vecteurs. A la sortie du while, on obtient le resultat suivant : 



tabLignes 





■* 


B01 


BAUMIER SA 






* 


DR1 


DROUX 


Pari id.: :>:-r 




< 


LA1 


LANGLE 


Artisan 



Ne pas oublier de fermer le jeu d'enregistrements et le statement. 

Pour finir, la methode chercherCRUD_Clients() retourne le nombre d'enregistrements trouves. 
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Lancez I'application pour voir le resultat. 



L'affichage en mode table reste desesperement vide car un vecteur ne peut etre affiche directement dans une 
interface graphique. 



2. Affichage des donnees dans un composant JTable 

Pour afficher les donnees en mode table dans la fenetre FenTableClient, il faut creer une nouvelle methode qui 
retourne un composant JTable constitue des vecteurs provenant de la classe Client. 

■ Ouvrez la classe FenTableClient et ajoutez la methode remplirTableQ. 



private JTable remplirTable ( ) { 
String vCode = ""; 

// tapez les premieres lettres, par exemple "en" 
// puis appuyez simultanement sur les touches Ctrl et Espace 
entite . Client lesClients = new entite . Client (vCode) ; 
lesClients . chercherCRUD_Clients ( lesClients ) ; 

return new JTable (lesClients . getTabLignes () , lesClients . getNomColonnes ()) ; 

} 

Le deuxieme constructeur de la classe Client est utilise. La recherche s'effectue sur le code ce qui correspond ici a 

la selection de tous les enregistrements de la table client (utilisation du joker %). Par le biais de I'instance, les vecteurs 
contenant les donnees sont transmis au composant JTable. 

II est possible pour faciliter la comprehension d'ecrire la derniere ligne differemment : 

Vector<Vector> Lignes = lesClients . getTabLignes () ; 
Vector<String> NomColonnes = lesClients . getNomColonnes () ; 
return new JTable (Lignes, NomColonnes) ; 



N'oubliez pas dans ce cas, de proceder a I'importation de la classe Vector. En cas d'oubli, Eclipse vous signalera une 
erreur et vous proposera I'importation de cette classe. 

■ Lancez I'application pour voir le resultat. 



Toujours aucune donnee visible. Que manque-t-il ? II reste a modifier ('initialisation du composant JTable dont le code 
est rappele ci-apres : 



private JTable getJTable 


{ 


if (laTable_Table == 


null) { 


laTable_Table = new 


JTable () ; 


} 

return laTable_Table 




} 





La troisieme ligne peut etre supprimee puisqu'elle est prise en charge par la methode remplirTable(). 
■ Effectuez les modifications. 



private JTable get JTable () {if (laTable_Table == null) { 
laTable_Table = remplirTable () ; 

} 

return laTable_Table; 

} 



■ Lancez a nouveau I'application. 

Les donnees sont enfin visibles ainsi que les titres de colonnes. 
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Type 


B01 


BAUMIER SA 


Societe 


DR1 


DROUX 


Particulier 


LA1 


LANGLE 


Artisan 



Classe Client version 2 



package entite; 

import java . sql . Connection; 

import java . sql . SQLException; 

import java . sql . Statement ; 

import java . sql . ResultSet ; 

import java . sql . ResultSetMetaData; 

import java . util . Vector; 

import controle.*; 

import javax . swing . JOptionPane; 



public class Client extends Personnel 
// Proprieties 
private String type; 

private ControleConnexion leControleConnexion = new ControleConnexion ( ) ; 
private Connection laConnexion = leControleConnexion . getConnexion () ; 

private Vector<Vector> tabLignes = new Vector<Vector> ( ) ; 
private Vector<String> nomColonnes = new Vector<String> ( ) ; 
public Vector<Vector> getTabLignes ( ) { 
return tabLignes; 

) 

public Vector<String> getNomColonnes ( ) { 
return nomColonnes; 

) 

// ler Constructeur 

public Client (String vCode, String vNom, String vType) { 
super (vCode, vNom) ; 
type = vType; 

) 

// 2eme Constructeur 
public Client (String vCode) { 
super (vCode) ; 

) 

public String get Type ( ) {return type; 
) 

public void setType (String vTitre) { 
type = vTitre; 

) 

// Ajout d'un nouveau client dans la BD 

// 

public void creerCRUD_Client (Client leClient) { 

} 

// Modification d'un client dans la BD 

// 

public void modif ierCRUD_Client (Client leClient) { 
} 

// Suppression d'un client dans la BD 

// 

public void supprimerCRUD_Client (Client leClient)) 
} 

// Recherche d'un ou plusieurs clients dans la BD 
// 
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public int chercherCRUD_Clients (Client lesClients) { 
String leCode = lesClients . getCode () ; 
int i, nbClients=0; 
String requete = null; 

try { 

leCode = leCode +"%"; 
requete = "SELECT * FROM client WHERE Code LIKE ' " +leCode+ " ' " 
+ " ORDER BY code, nom"; 

Statement state = laConnexion . createStatement ( ) ; 

ResultSet jeuEnregistrements = state . executeQuery (requete) ; 

ResultSetMetaData info jeuEnregistrements = jeuEnregistrements . getMetaData () ; 

f or ( i=l; i <= info jeuEnregistrements . getColumnCount () ; i++) 
nomColonnes . add ( info jeuEnregistrements . getColumnLabel ( i ) ) ; 
while ( jeuEnregistrements . next ( ) ) { 

Vector<String> ligne = new Vector<String> ( ) ; 

for(i=l; i <= info jeuEnregistrements . getColumnCount () ; i++) { 
String chaine_champ = jeuEnregistrement s . getString ( i ) ; 
ligne . add (chaine_champ) ; 

) 

tabLignes . add (ligne) ; 
nbClients = nbClients + 1; 

} 

jeuEnregistrements . close ( ) ; 
state . close ( ) ; 

} 

catch (SQLException e) { 

JOptionPane . showMessageDialog (null, "Probleme lors de la recherche.","", 
JOptionPane. ERROR_MESSAGE) ; 

} 

return nbClients; 

) 



Classe Personne version 2 



package entite; 

public abstract class Personne { 

private String code; 
private String nom; 
// ler constructeur 

public Personne (String vCode, String vNom) { 
code = vCode; 
nom = vNom; 

) 

// 2eme constructeur 
// pour les recherches 
public Personne (String vCode) { 
code = vCode; 

) 

public String getCode(){ 
return code; 

) 

public String getNom(){ 
return nom; 

) 

public void setCode (String c) { 
code = c; 

) 

public void setNom (String n) { 
nom = n; 

) 
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Classe FenTableClient version 2 



package dialogue; 



// Initialisation du composant JTable 
private JTable getJTableO { 

if (laTable_Table == null) { 

laTable_Table = remplirTable ( ) ; 

) 

return laTable_Table; 

) 

private JTable remplirTable ( ) { 
String vCode = ""; 

entite . Client lesClients = new entite . Client (vCode) ; 
lesClients . chercherCRUD_Clients (lesClients) ; 
return new JTable ( lesClients . getTabLignes () , 
lesClients . getNomColonnes ( ) ) ; 



- lO- 
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Gestion des traitements 
1. Ajout d'un enregistrement 



Nous aimerions pouvoir tester assez rapidement I'ajout d'un client. Mais de la fenetre presentant les donnees en mode 
table a la fenetre d'ajout, plusieurs classes interviennent et necessitent une modification de leur code. 

Pour y voir un peu plus clair et en se referant au diagramme des classes (cf. chapitre Analyse), voici une vue simplifiee 
et personnelle des classes concernees par ce traitement. 




— ■*■ 



FenTableClient 




FenFiehe Client 





G esttonD emandes 



Client 




Personne 



Heritage 
Dependance 



E Classes rnodele 
C Classes contrdle 



Classes dialogue 



La fenetre issue de la classe FenTableclient presente les donnees en mode table et comporte les boutons permettant 
a I'utilisateur d'effectuer les traitements. 




CLIENTS 



Code 


Ngm 


Tvce 


BA1 


BAUMIER SA 


SOCiela 


DR1 


DROUX 


Particulier 


LA1 


LAMGLE 


Artisan 


NOI 


NOUV'EAU 


Sociele 





AJOUTEC 


6 U?P3iI.V,Efi 




RECHEClCHEt! 


quins c 



La fenetre issue de la classe FenFicheclient presente les donnees en mode fiche. El le est ouverte a partir des boutons 
de la fenetre precedente. Quel que soit le traitement demande, c'est la meme fenetre qui est presentee, certains 
boutons etant alors desactives (cf. la section Affichage des donnees dans une table dans ce chapitre). 
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HL 



n x 



Code 
Nom 
Type 



SAUVEGARDER 


SUPPRIMER 


CHERCHER 


QUITTER 



La classe GestionDemandes est de type controle. El le existe deja mais n'a pas encore ete traitee. El le assure la 
jonction entre 1'IHM et les classes de type entite. Plus precisement, elle prend en compte toutes les demandes de 
I'utilisateur qui modifient I'etat de la base de donnees et les transmet pour traitement a la classe Client. 

La classe Client possede les methodes agissant sur la base de donnees de type CRUD. Elle herite en outre de la 
classe Personne. 




Cette repartition des taches en couches presente un interet reel. Si le code des methodes de la classe Client 
devait changer, les modifications a apporter aux autres classes seraient minimes, voire nulles. 



Voici la demarche retenue pour gerer I'ajout d'un client : 

1. La methode creerCRUD_Client() de la classe Client est completee. Elle assure la liaison avec la base de donnees 
et permet la sauvegarde. 

2. Une methode de la classe GestionDemandes est creee et nommee demandeEnregistrerClient(). Cette methode 
contient un appel a la methode creerCRUD_Client(). 

3. La classe FenFicheClient est modifiee pour informer la classe GestionDemandes de la demande d'ajout. 




Les noms de certaines methodes sont volontairement longs afin de faciliter la comprehension lors de la lecture 
du code. 



■ Ouvrez la classe Client et completez le code de la methode creerCRUD_Client(). 



public void creerCRUD_Client (Client leClient) { 
String requete = null; 
try { 

requete = "INSERT INTO client (Code, Nom, Type)" + 

" VALUES ( ' "+ super . get Code ()+"', ' " +super . getNom ( ) + "' , ' "+type+" ' ) " ; 

Statement state = laConnexion . createStatement ( ) ; 
state . executeUpdate (requete) ; 
state . close ( ) ; 

> 

catch (SQLException e) { 

JOptionPane . showMessageDialog (null, "Ajout non effectue." 
+ " Ce code client existe deja.", 

"Verifiez votre saisie", JOptionP ane. ERROR_MESSAGE) ; 
System . out . print In (" Insert ion non ef f ectuee" ) ; 
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I^V^ La requete SQL est ecrite de sorte a bien mettre en evidence le mecanisme d'heritage. II est possible d'utiliser 
des variables pour une plus grande lisibilite. Exemple : 



String leCode = super . getCode () ; 




String leNom = super . getNom () ; 




String leType = type; 




requete = " INSERT INTO client (Code, Nom, Type)" + 




" VALUES (' "+leCode+"' , '"+leNom+"', '"+leType+"' 


" ; 



■ Ouvrez maintenant la classe GestionDemandes et creez la methode demandeEnregistrerClient(). 



public void demandeEnregistrerClient (String vCode, String vNom, String vType) { 
Client leClient = new Client (vCode, vNom, vType) ; 
leClient . creerCRUD_Client (leClient) ; 

} 



Cette methode attend trois parametres de type chaine qui sont fournis lors de son appel a partir de la fenetre 
FenFicheClient. 

■ Pour finir, ouvrez la classe FenFicheClient. Procedez auparavant a I'importation de la classe GestionDemandes et a 

la declaration d'une nouvelle propriete pour etablir le lien. 



import controle . GestionDemandes ; 

private GestionDemandes leClientGestionClientBD = new GestionDemandes!); 



■ Modifiez le code de la methode getBtn_Enregistrer() pour transmettre la demande d'ajout a la classe 
GestionDemandes. 



private JButton getBtn_Enregistrer ( ) { 

if (btn_Enregistrer == null) { 

btn_Enregistrer . addMouseListener (new java . awt . event . MouseAdapter ( ) { 
public void mouseClicked ( java . awt . event .MouseEvent e) { 
String vCode = jTxTCode . getText () ; 
String vNom = j TxTNom . getText () ; 
String vType = jTxTType . getText () ; 

leClientGestionClientBD . demandeEnregistrerClient (vCode, vNom, vType) ; 




Les parametres de I'utilisateur sont transmis a la methode demandeEnregistrerClient() de la classe 
GestionDemandes. 

■ Lancez I'application et testez I'ajout d'un client. 

■ Effectuez un autre ajout en ressaisissant le meme code pour verifier I'interception de I'exception traitee dans la 
methode creerCRUD_Client() de la classe Client. 

Vous devriez obtenir le message suivant. 
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Yerifiez voti e saisie 


B 


Ajout non effec 


ue. Ce 
OK 


code client existe deja. 



Ceci nous amene a mettre en place un autre controle elementaire qui verifie que le code de saisie a bien ete saisi. 
■ Ajoutez ce controle sans oublier I'importation pour les boltes de dialogue. 



import javax . swing . JOptionPane; 

private JButton getBtn_Enregistrer ( ) { 

if (btn_Enregistrer == nullj { 

btn_Enregistrer . addMouse Listener (new java . awt . event . MouseAdapter () { 
public void mouseClicked ( java . awt . event . MouseEvent e) { 
String vCode = jTxTCode . getText () ; 
String vNom = jTxTNom. getText () ; 
String vType = jTxTType . getText () ; 
if ( !vCode. equals ("") ) ! 

leClientGestionClientBD . demandeEnregistrerClient (vCode, vNom, vType) ; 

jTxTCode . setText ("") ; 

jTxTNom. setText ( " " ) ; 

jTxTType . setText ("") ; 

jTxTCode . requestFocusInWindow ( ) ; 

} 

else 

{ 

JOptionPane . showMessageDialog (null, "La saisie du code client" 
+ " est obligatoire" , 

"Verifiez votre saisie", JOptionPane . ERROR_MESSAGE) ; 

} 

} 

}) ; 

} 

Si I'ajout s'est bien passe, les champs de saisie sont vides et le focus est donne au champ jTxTCode. En cas de 

probleme, des messages apparaissent. Les boites de dialogue sont ici reparties entre les deux classes FenFicheClient 
et Client. 

Pour faciliter les nombreux tests qui vont suivre, nous allons de suite completer le code du bouton QUITTER de la 
fenetre FenFicheClient. 

■ Modifiez le code de la methode. 



private JButton getBtn_Quitter ( ) { 
if (btn_Quitter == null) { 
btn_Quitter = new JButton (); 

btn_Quitter. setBounds (new Rectangle (406, 237, 126, 41)); 
btn_Quitter . setText ( "QUITTER" ) ; 

btn_Quitter . addMouseListener (new java . awt . event . MouseAdapter ( ) { 
public void mouseClicked ( java . awt . event .MouseEvent e) { 
FenFicheClient .this . dispose ( ) ; 

FenTableClient laTable_Client = new FenTableClient ( ) ; 
laTable_Client . setvisible (true) ; 

} 

}) ; 

} 

return btn_Quitter ; 




4 - 
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La nouvelle instance de FenTableClient presente le composant JTable avec les donnees reactualisees. 



2. Suppression d'un enregistrement 

La demarche retenue suit les memes etapes que pour I'ajout : 

1. La methode supprimerCRUD_Client() de la classe Client est completee. 

2. Une methode de la classe GestionDemandes est creee et nommee demandeSupprimerClient(). Cette methode 
contient un appel a la methode supprimerCRUD_Client(). 

3. La classe FenFicheClient est modifiee pour informer la classe GestionDemandes de la demande de suppression. 
■ Ouvrez la classe Client et completez le code de la methode supprimerCRUD_Client(). 



public void supprimerCRUD_Client (Client leClient)) 
String leCode = leClient . getCode ( ) ; 
String requete = null; 
try ( 

requete = "DELETE FROM client" + 
" WHERE Code = ' " +leCode+" ' " ; 

Statement state = laConnexion . createStatement ( ) ; 
int nbEnregSup = state . executeUpdate (requete) ; 
if (nbEnregSup == 0) { 

JOptionPane . showMessageDialog (null , "Aucune suppression effectuee." 
+ " Ce code client n'existe pas.", 

"Verifiez votre saisie", JOptionPane . ERROR_MESSAGE) ; 

} 

else { 

state . close ( ) ; 

JOptionPane . showMessageDialog (null, " Suppression du client code [" 
+ leCode + "] effectuee"); 
} 

} 

catch (SQLException e) { 

JOptionPane . showMessageDialog (null , "Probleme lors de la suppression.", 
"Verifiez votre saisie", JOptionPane . ERROR_MESSAGE) ; 

} 

} 



■ Ouvrez maintenant la classe GestionDemandes et creez la methode demandeSupprimerClient(). 



public void demandeSupprimerClient (String vCode) { 
Client leClient = new Client (vCode) ; 
leClient . supprimerCRUD_Client (leClient) ; 

} 



Cette methode attend un seul parametre de type chaine qui est fourni lors de son appel a partir de la fenetre 
FenFicheClient. 

■ Pour finir, ouvrez la classe FenFicheClient et modifiez le code de la methode getBtn_Supprimer() pour transmettre 
la demande de suppression a la classe GestionDemandes. 



private JButton getBtn_Supprimer ( ) { 
if (btn_Supprimer == null) { 

public void actionPerf ormed ( java . awt . event . ActionEvent e) { 
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String vCode = jTxTCode . getText () ; 
if ( IvCode. equals ("")){ 

int choix = JOptionPane . showConfirmDialog (null, 

"Voulez-vous supprimer la fiche du client code : " + vCode, "Suppression" , 
JOptionPane. YES_NO_OPTION) ; 
if (choix==0) { 

// demande de suppression 

leClientGestionClientBD . demandeSupprimerClient (vCode) ; 

jTxTCode . setText ( " " ) ; 

jTxTCode . requestFocusInWindow ( ) ; 

) 

} 

else 

{ 

JOptionPane . showMessageDialog (null, "La saisie du code client" 
+ " est obligatoire" , "Verifiez votre saisie", 
JOptionPane. ERROR_MESSAGE) ; 

} 

> 

}) ; 

) 

return btn_Supprimer ; 

} 



La suppression est toujours precedee d'une demande de confirmation. Apres la suppression, le champ code est 

remis a vide, le focus est donne au champ jTxTCode et un message informe de la reussite de I'operation. D'autres 
messages sont adresses en cas de probleme. Les boTtes de dialogue sont aussi reparties entre les deux classes 
FenFicheClient et Client. 

Pour ameliorer I'ergonomie, nous ajoutons la possibility de supprimer une ligne selectionnee dans le composant JTable. 
Deux avantages, les donnees sont visibles et gain de temps puisque le code n'est plus a saisir. 




■ Ouvrez la classe FenTableClient et completez le code de la methode getBtn_Supprimer (). 



private JButton getBtn_Supprimer ( ) { 
if (btn_Supprimer == null) { 

btn_Supprimer . addActionListener (new java . awt . event . ActionListener ( ) { 
public void actionPerf ormed ( java . awt . event . ActionEvent e) { 
// par defaut aucune ligne encore selectionnee 
int NumLigne = -1; 

NumLigne = laTable_Table . getSelectedRow ( ) ; 
//si aucune ligne selectionnee 
if (NumLigne == -1) { 
dispose ( ) ; 

//on prepare les boutons 

laFiche_client . setBtn_EnregistrerNonActif ( ) ; 
laFiche_client . setBtn_RechercherNonActif ( ) ; 
laFiche_client . get JTxTCode ( ) . setEditable (true) ; 
// on rend les champs suivants non editables 
laFiche_client . get JTxTNom ( ) . setEditable (false) ; 
laFiche_client . get JTxTType ( ) . setEditable (false) ; 
//on af fiche la fiche du client 
laFiche_client . setvisible (true) ; 

} 

// si une ligne selectionnee 
if (NumLigne != -1) { 

int choix = JOptionPane . showConfirmDialog (null, "Voulez-vous supprimer " 

+ "la fiche du client " 

+ laTable_Table.getValueAt (NumLigne, 0), "SUPPRESSION" 
, JOptionPane. YES_NO_OPTION) ; 
II : oui 1 : non 
if (choix == 0) { 
String vCode; 

vCode = String. valueOf ( laTable_Table . getValueAt (NumLigne, 0)); 
// on supprime 1' enregistrement de la BD 
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entite . Client leClient = new entite . Client (vCode) 
leClient . suppr imerCRUD_Client (leClient ) ; 
dispose ( ) ; 

laFiche_client . setBtn_EnregistrerNonActif ( ) ; 
laFiche_client . setBtn_RechercherNonActif ( ) ; 
laFiche_client . get JTxTCode ( ) . setEditable (true) ; 
laFiche_client . get JTxTNom ( ) . setEditable (false) ; 
laFiche_client . get JTxTType ( ) . setEditable (false) ; 
laFiche_client . setvisible (true) ; 



}) ; 

} 

return btn_Supprimer; 



Le code est assez long mais ne presente pas de difficulties particulieres a ce stade de I'etude. Aussi, est- 
directement et largement commente pour I'essentiel. II en sera ainsi pour la suite. 



3. Modification d'un enregistrement 

Plutot que de creer une autre methode, la methode pour les ajouts va etre a nouveau utilisee. On avait fait aussi le 
choix d'introduire une variante. Cette fois-ci, une ligne doit d'abord etre selectionnee avant d'etre modifiee. 

Dans la section Fenetres Clients, la methode getBtn_Modifier() de la classe FenTableClient n'avait volontairement 
pas ete definie. Nous allons maintenant le faire en tenant compte de ce qui est mentionne plus haut. II nous faut 
toutefois modifier auparavant la classe FenFicheClient. Celle-ci doit autoriser la modification de ses champs de saisie. 

■ Ouvrez la classe FenFicheClient et ajoutez les mutateurs suivants : 



public void set JTxTCode (String vCode) { 
jTxTCode . setText (vCode) ; 

} 

public void set JTxTNom (String vNom) { 
jTxTNom. setText (vNom) ; 

} 

public void set JTxTType (String vType) { 
jTxTType . setText (vType) ; 

} 

public void setBtn_EnregistrerLibelle (String vLibelle) { 
btn_Enregistrer . setText (vLibelle) ; 

} 

Un mutateur est egalement ajoute pour modifier le titre du bouton de sauvegarde en fonction du choix de 
I'utilisateur. 

■ Ouvrez maintenant la classe GestionDemandes et creez la methode demandeModifierClientQ. 



public void demandeModif ierClient (String vCode, String vNom, String vType) { 
Client leClient = new Client (vCode, vNom, vType) ; 
leClient .modif ierCRUD_Client (leClient) ; 

} 

Pour la modification, c'est le premier constructeur qui est utilise, le deuxieme etant dedie aux recherches que nous 
verrons plus loin. 

■ Ouvrez la classe FenTableClient et importez de suite la classe JOptionPane. Une boite de dialogue est prevue dans 
les modifications. 
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import javax . swing . JOptionPane; 



La methode getBtn_Modifier() doit : 

• identifier la ligne selectionnee ; 

• recuperer les valeurs de la ligne selectionnee ; 

• affecter ces valeurs aux champs de la fenetre FenFicheClient qui presente les donnees en mode fiche ; 

• rendre visible la fenetre FenFicheClient. 
■ Effectuez les modifications. 



private JButton getBtn_Modif ier ( ) { 
if (btn_Modif ier == null) { 

public void mouseClicked ( java . awt . event .MouseEvent e) { 
boolean ok = false; 

//en cas d'oubli de selection de lignes ou de table vierge 
try { 

int NumLigne = 0; 

NumLigne = laTable_Table . getSelectedRow ( ) ; 
String vCodeClient; 

vCodeClient = String . i/alueOf(laTable_Table . getValueAt (NumLigne, 0)); 
//on affecte la valeur au champ code de la fenetre de la fiche client 
laFiche_client . setJTxTCode (vCodeClient) ; 
//on interdit la modification du code 

// si vous l'autorisez, verifiez que ce soit coherent avec votre BD 
laFiche_client . get JTxTCode ( ) . setEditable (false) ; 

//on affecte la valeur au champ nom de la fenetre de la fiche client 
String vNomClient; 

vNomClient = String . val ueOf ( laTable_Table . getValueAt (NumLigne, 1)); 
laFiche_client . set JTxTNom (vNomClient ) ; 

//on affecte la valeur au champ type de la fenetre de la fiche client 
String vTypeClient; 

vTypeClient = St ring . val ueOf ( laTable_Table . getValueAt (NumLigne, 2)); 
laFiche_client . setJTxTType (vTypeClient) ; 
ok = true; 

} 

catch (Exception oubliLigne) { 

JOptionPane . showMessageDialog (null, " Selectionnez auparavant" + 
" la ligne a modifier" 
+ '\n' 

+ "ou effectuez un double clic sur la ligne", 
"MODIFICATION", JOptionPane . INFORMATION_MESSAGE) ; 



if (ok == true) { 

dispose ( ) ; 

laFiche_client . setvisible (true) ; 

// on desactive le bouton Supprimer de la fiche client 

laFiche_client . setBtn_SupprimerNonActif ( ) ; 

// on desactive le bouton Chercher de la fiche client 

laFiche_client . setBtn_RechercherNonActif ( ) ; 

/ /laFiche_client . getBtn_EnregistrerNonActif ( ) ; 

laFiche_client . setBtn_EnregistrerLibelle ( "MODIFIER" ) ; 

// pour mettre le focus sur le champ nom 

laFiche_client . get JTxTNom ( ) . requestFocus InWindow ( ) ; 

} 

} 

}) ; 

) 

return btn_Modif ier; 
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L'objet laTable_Table est un composant de type JTable. C'est une des proprietes de la fenetre. II utilise les 
methodes suivantes : 

• getSelectedRowQ : retourne le numero de la ligne selectionnee sous la forme d'un entier. 

• getValueAt(int L, int C) : retourne la valeur a I'intersection de la ligne et de colonne sous la forme d'un objet. 
La methode valueOf () de la classe String permet de le convertir sous la forme d'une chaine. 

Un bloc try/catch est utilise pour gerer I'oubli de la selection d'une ligne. 

Avant de tester I'application, des changements doivent etre aussi apportes a la methode getBtn_Enregistrer() de la 
classe FenFicheClient. 

■ Ouvrez la classe FenFicheClient et effectuez les modifications. 



private JButton getBtn_Enregistrer ( ) { 
if (btn_Enregistrer == null) { 

public void actionPerf ormed ( java . awt . event . ActionEvent e) { 
String vCode = jTxTCode . getText ( ) ; 
String vNom = jTxTNom . getText () ; 
String vType = jTxTType . getText () ; 

// action si seulement libelle du bouton est : SAUVEGARDER 
// — > creation d'un client 

if (btn_Enregistrer. getText ()==" SAUVEGARDER") { 
if (IvCode. equals ("")){ 

// demande d'ajout d'un client dans la BD 

// 

leClientGestionClientBD . demandeEnregistrerClient (vCode, vNom, vType) ; 

// si l'ajout s'est bien passee 

// remettre a vide les champs de saisie 

// pour une nouvelle saisie 

jTxTCode . setText ("") ; 

j TxTNom . setText ("") ; 

jTxTType . setText ( "") ; 

// on passe le focus au champ code 

jTxTCode . requestFocusInWindow () ; 

} 

else 

{ 

JOptionPane . showMessageDialog (null , "La saisie du code client" 
+ " est obligatoire" , 

"Verifiez votre saisie", JOptionPane . ERROR_MESSAGE) ; 

} 

} 

// sinon nous sommes en mode modification 

// et le libelle du bouton est : MODIFIER 

// — > demande de modification des donnees d'un client 

else 

{ 

leClientGestionClientBD . demandeModif ierClient (vCode, vNom, vType) ; 

} 

} 

}) ; 

) 

return btn_Enregistrer ; 

) 



leClientGestionClientBD est une propriete de type GestionDemandes de la classe FenFicheClient. 
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■ Testez I'application. 

Les modifications ne sont pas prises en compte. Que nous manque-t-il ? II reste en fait a definir la methode habilitee 
a agir sur la base de donnees. Nous savons que c'est la classe Client qui possede ce type de methode. 

■ Ouvrez la classe Client et definissez la methode concernee. 



// Modification d' un client dans la BD 

// 

public void modif ierCRUD_Client (Client leClient) { 
String requete = null; 
try { 

requete = "UPDATE client SET Nom = '" +leClient . getNom ( ) +" ' " +"," + 

"Type = '" +leClient . getType ( ) +" ' " 

+ " WHERE Code = '" tleClient . getCode ()+"'" ; 

Statement state = laConnexion . createStatement ( ) ; 

state . executeUpdate (requete) ; 

state . close ( ) ; 

JOptionPane . showMessageUialog (null, "Modification realisee", 
"MODIFICATION", JOptionPane . INFORMATION_MESSAGE) ; 

} 

catch (SQLException e) { 

JOptionPane . showMessageDialog (null, "Modification non effectuee." 
+ " Ce code client n'existe pas.", 

"Verifiez votre saisie", JOptionPane . ERROR_MESSAGE) ; : 
System. out .println ( "Modif ication non effectuee"); 




■ Testez I'application. 

La methode getBtn_Enregistrer() sert maintenant a la fois pour sauvegarder la creation d'un nouveau client et les 
modifications d'un client existant dans la base de donnees MySQL. 



4. Gestion du double die sur un JTable 

Pour rendre les modifications plus aisees, nous gerons le double die sur les lignes du composant JTable. Cette action 
ouvre la fenetre FenFicheClient avec les donnees de la ligne selectionnee presentees en mode fiche. 

■ Ouvrez la classe FenTableClient et redefinissez la methode getJTableQ. 



private JTable getJTableO { 

if (laTable_Table == null) { 
laTable_Table = new JTable (); 
// la table est remplie 
laTable_Table = remplirTable ( ) ; 

laTable_Table . addMouseListener (new java . awt . event .MouseAdapter ( ) { 
public void mousePressed ( java . awt . event .MouseEvent e) { 

// gestion du double clic sur une ligne de la table avec un simple comptage 
if (e.getClickCount () == 2) { 
int NumLigne = 0; 

NumLigne = laTable_Table . getSelectedRow ( ) ; 
String vCodeClient; 

vCodeClient = String . valueOf ( laTable_Table . getValueAt (NumLigne, 0)); 
// on affecte la valeur au champ code de la fenetre de la fiche client 
laFiche_client . setJTxTCode (vCodeClient) ; 
// on interdit la modification du code 

// si vous l'autorisez, verifiez que ce soit coherent avec votre BD 
laFiche_client . get JTxTCode ( ) . setEditable (false) ; 

// on affecte la valeur au champ nom de la fenetre de la fiche client 
String vNomClient; 

vNomClient = String . val ueOf ( laTable_T able . getValueAt (NumLigne , 1)); 
laFiche_client . set JTxTNom (vNomClient ) ; 
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// on affecte la valeur au champ type de la fenetre de la fiche client 
String vTypeClient; 

vTypeClient = String . valueOf ( laTable_Table . getValueAt (NumLigne, 2)); 
laFiche_client . set JTxTType (vTypeClient ) ; 
dispose ( ) ; 

laFiche_client . setvisible (true) ; 

// on desactive le bouton Supprimer de la fiche client 

laFiche_client . setBtn_SupprimerNonActif ( ) ; 

// on desactive le bouton Chercher de la fiche client 

laFiche_client . setBtn_RechercherNonActif ( ) ; 

/ /laFiche_client . getBtn_EnregistrerNonAct if ( ) ; 

laFiche_client . setBtn_EnregistrerLibelle ( "MODIFIER" ) ; 

// pour mettre le focus sur le champ nom 

laFiche_client . get JTxTNom ( ) . requestFocusInWindow ( ) ; 



}) ; 

} 

return laTable_Table; 



La gestion du double die est tres simple, comme vous pouvez le voir. Vous constatez qu'il existe de nombreuses 

lignes de code communes avec la methode getBtn_Modifier(). II conviendrait d'ecrire une methode regroupant ces 
lignes. Vous disposez desormais de toutes les connaissances pour le faire seul. Reportez-vous si necessaire au chapitre 
Gestion de la connexion et voyez la methode controleConnexion_Appel(). 

La methode remplirTableQ a ete realisee au chapitre Gestion de I'affichage des donnees. 



5. Recherche d'enregistrements 

Nous arrivons au terme de notre projet. II nous reste une derniere fonctionnalite a realiser : la recherche 
d'enregistrements. 

Le bouton RECHERCHER de la fenetre FenTableClient est deja operationnel. Pour faire simple, cette recherche etant 
uniquement basee sur le code, il ne faut pas oublier de rendre les champs de saisie du nom et du type non editables. 



■ Ouvrez la classe FenTableClient et inserez les lignes de code. 



private JButton getBtn_Rechercher ( ) { 
if (btn_Rechercher == null) { 

public void mouseClicked ( java . awt . event .MouseEvent e) { 

laFiche_client . get JTxTNom ( ) . setEditable (false) ; 
laFiche_client . get JTxTType ( ) . setEditable (false) ; 

} 

}) ; 

} 

return btn_Rechercher ; 

} 



Nous n'avons pas comme pour les autres fonctionnalites a redefinir dans la classe Client la methode de recherche. 
Nous I'avons deja fait pour gerer I'affichage des donnees dans le JTable (cf. chapitre Gestion des traitements). Par 
contre, il nous faut personnaliser auparavant la fenetre FenResultatRecherche() qui affiche le resultat de la recherche 
en mode table. Cette fenetre comporte aussi un composant JTable. Voici la partie de code le concernant : 



// Initialisation du composant JTable 
private JTable getJTableO { 
if (laTable_Table == null) { 

laTable_Table = new JTable (); 

laTable_Table = remplirTable ( ) ; 

} 

return laTable_Table; 

} 
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private JTable remplirTable ( ) { 

Client lesClients = new Client (leCode) ; 
lesClients . chercherCRUD_Clients ( lesClients ) ; 

Vector<Vector> Lignes = lesClients . getTabLignes () ; 
Vector<String> NomColonnes = lesClients . getNomColonnes () , 

return new JTable (Lignes, NomColonnes) ; 
} 



Si vous eprouvez des difficulties a comprendre ces deux methodes, reportez-vous au chapitre Gestion de I'affichage de 
donnees. 



ft 



Le code complet de la classe FenResultatRechercheQ est donne en fin de ce chapitre. 



Ouvrez maintenant la classe GestionDemandes et creez la methode demandeChercherClient(). 



public int demandeChercherClient ( String vCode) { 
Client leClient = new Client (vCode) ; 
return leClient . chercherCRUD_Clients (leClient) ; 



ft 



C'est la methode chercherCRUD_Clients() qui en definitive effectue la recherche dans la base de donnees. 



L'utilisateur est informe du nombre de clients trouves avant affichage. Un controle s'effectue ici uniquement sur la 
saisie du code. Exemple : 



Code 
Nom 
Type 



LA 



SAUVEGARDER 



RESULTAT 



® 



3 clients trouves 



OK 



SUPPRIMER 



CHERCHER 



□HE 



QUITTER 



Code 


Norn 


Tvpe 




LA.NGLE 


Artisan 


LA2 


LAUMET 


Artisan 


LA3 


LARUE 


Particulier 



Pour finir, ouvrez la classe FenFicheClient et redefinissez la methode getBtn_Rechercher (). 



private JButton getBtn_Rechercher ( ) { 
if (btn_Rechercher == null) { 
btn_Rechercher = new JButton (); 
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btn_Rechercher . setBounds (new Rectangle (281, 237, 126, 41)); 
btn_Rechercher . setText ( "CHERCHER" ) ; 

btn_Rechercher . addActionListener (new java . awt . event . ActionListener ( ) { 
public void actionPerf ormed ( java . awt . event . ActionEvent e) { 
String vCode = jTxTCode . getText () ; 
String vNom = j TxTNom . getText () ; 
String vType = jTxTType . getText () ; 

if ( ! vCode . equals ( " " ) I I ! vNom. equals ("" ) || ! vType . equals ("")) { 
// pour faire simple, recherche ici uniquement a partir du code 
int nbEnreg = leClientGestionClientBD . demandeChercherClient (vCode) ; 
if (nbEnreg > 0) { 
switch (nbEnreg) 
{ 

case : 

JOptionPane . showMessageDialog (null, "Aucun client trouve." 
+ " Ce code client n'existe pas.", 

"Verifiez votre saisie", JOptionPane . ERROR_MESSAGE) ; 
break; 
case 1 : 

JOptionPane . showMessageDialog (null, nbEnreg + " client trouve", 
"RESULTAT", JOptionPane . INFORMATION_MESSAGE) ; 
break; 
default : 

JOptionPane . showMessageDialog (null, nbEnreg + " clients trouves", 
"RESULTAT", JOptionPane . INFORMATION_MESSAGE) ; 

} 

btn_Enregistrer . setEnabled (true) ; 

jTxTCode . setText (vCode) ; 

new FenResultatRecherche ( vCode ) ; 

) 

if (nbEnreg == 0) { 

JOptionPane . showMessageDialog (null, "Aucun client trouve." 
+ " Ce code client n'existe pas.", 

"Verifiez votre saisie", JOptionPane . ERROR_MESSAGE) ; 

) 

} 

else 

{ 

JOptionPane . showMessageDialog (null, "Saisissez au moins" 
+ " un critere de recherche", 

"Verifiez votre saisie", JOptionPane . ERROR_MESSAGE) ; 

} 

} 

}); 

} 

return btn_Rechercher; 

} 



■ Faites un test sur une egalite stricte du code puis apres avoir ajoute plusieurs enregistrements dont le code 
commence par les memes lettres. 

Pour ameliorer cette recherche, il existe au moins deux possibilites : 

• modifier la methode actuelle pour qu'elle prenne en compte egalement les autres champs ; 

• creer une nouvelle methode avec la requete SQL appropriee. 



La nouvelle methode peut porter le meme nom mais doit differer par le nombre de parametres ou par le type des 
parametres. 



Classe FenResultatRechercheQ 



package dialogue; 
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import java . awt . Font ; 
import java . awt . Rectangle; 
import javax . swing . Imagelcon; 
import javax . swing . JButton; 
import javax . swing . JLabel ; 
import javax . swing . JPanel ; 
import javax . swing . JFrame; 
import javax . swing . JScrollPane; 
import javax . swing . JTable; 



import java . util . Vector; 
import entite . Client ; 



public class FenResultatRecherche extends JFrame { 
private static final long serialVersionUID = 1L; 

// proprietes non graphiques de la fenetre 
private String leCode; 
// mutateur 

public void setCode (String code) { 
leCode = code; 

} 

// accesseur 

public String getleCode(){ 
return leCode; 

) 

// proprietes graphiques de la fenetre 
private JPanel jContentPane = null; 
private JScrollPane jScrollPane = null; 
private JTable laTable_Table = null; 
private JLabel titre_Label = null; 
private JButton btn_Quitter = null; 



public FenResultatRecherche (String code) { 
super ( ) ; 

// pour faciliter la saisie 
leCode = code + "%"; 

System . out . println (" lor s creation fiche client : "tleCode) ; 
initialize ( ) ; 



private void initialize!) { 

this. setSize (631, 360); 

this . setContentPane (get JContentPane ( ) ) ; 
this.setTitle ("HL") ; 

Imagelcon image = new Imagelcon ( "imagesWarticle . gif" ) ; 

this . setlconlmage (image . getlmage ( ) ) ; 
this . setLocationRelativeTo (null) ; // On centre la fenetre sur l'ecran 
this . setvisible (true) ; 

) 

private JPanel get JContentPane ( ) { 
if (jContentPane == null) { 
titre_Label = new JLabel (); 

titre_Label . setBounds (new Rectangle (73, 9, 315, 16)); 
titre_Label . setFont (new Font ("Comic Sans MS", Font . BOLD, 18)); 



titre_Label . setText ("CLIENTS") ; 
jContentPane = new JPanel (); 
jContentPane . setLayout (null) ; 
jContentPane . add (get JScrollPane ( ) , null) ; 
jContentPane . add (titre_Label, null) ; 
jContentPane . add (getBtn_Quitter ( ) , null) ; 
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return jContentPane; 

) 

private JScrollPane get JScrollPane ( ) { 
if (jScrollPane == null) { 

jScrollPane = new JScrollPane () ; 

jScrollPane . setBounds (new Rectangle (75, 33, 453, 200)); 
jScrollPane . setviewportview (get JTable ( ) ) ; 

} 

return jScrollPane; 

) 

// Initialisation du composant JTable 
private JTable getJTableO { 
if (laTable_Table == null) { 

laTable_Table = new JTable (); 

// voir la methode remplirTable ( ) plus loin 

laTable_Table = remplirTable () ; 

) 

return laTable_Table; 

) 

// pour afficher les enregistrements de la table client dans le composant table 
private JTable remplirTable () { 

Client lesClients = new Client (leCode) ; 

lesClients . chercherCRUD_Client s ( lesClients ) ; 

Vector<Vector> Lignes = lesClients . getTabLignes () ; 

Vector<String> NomColonnes = lesClients . getNomColonnes () ; 

return new JTable (Lignes, NomColonnes) ; 

} 

private JButton getBtn_Quitter ( ) { 
if (btn_Quitter == null) { 
btn_Quitter = new JButton (); 

btn_Quitter. setBounds (new Rectangle (466, 259, 115, 44)); 
btn_Quitter . setFont (new Font ("Comic Sans MS", Font . BOLD, 12)); 
btn_Quitter . setText ( "QUITTER" ) ; 

btn_Quitter . addActionListener (new java . awt . event . ActionListener ( ) { 
public void actionPerf ormed ( java . awt . event . ActionEvent e) { 
dispose ( ) ; 

} 

}) ; 

) 

return btn_Quitter; 
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Creation du jar 



L'application telle qu'elle avait ete definie est terminee. Pour qu'elle devienne autonome, c'est-a-dire executable sans 
I'aide d'Eclipse, nous allons la transformer en une archive Jar, Java Archive. II s'agit d'un fichier compresse contenant 
tous les fichiers indispensables a I'execution de l'application notamment les fichiers class et le fichier manifest. 

Les fichiers class sont vos fichiers Java que vous avez crees sous Eclipse et qui ont ete compiles en byte-code pour 
fonctionner avec la JVM, la machine virtuelle Java. Le fichier manifest comporte des informations comme le nom de la 
classe principale qui contient la methode main() ou les paquetages qui ont ete scelles. 

Contenu du fichier manifest du Jar Cagou ou tous les paquetages sont scelles : 

Man i f e s t -Ve r s i on : 1.0 
Sealed: true 

Main-Class: dialogue. FenConnexion 

Passons a la creation du Jar. Sous Windows et bien sur sous Linux, comme pour une application Java complete tout peut 
etre fait a partir de lignes de commandes sans IDE. Nous utilisons Eclipse une fois de plus pour gagner du temps. 

■ Effectuez un die droit sur le projet et choisissez Exporter. Par defaut I'option Fichier Jar est deja selectionnee. 
Cliquez sur Suivant >. 

■ Vous pouvez decocher le paquetage UML. Precisez le dossier de destination, ici le dossier du projet. Verifiez que le 
dossier que le dossier Images est bien coche, laissez les options principales et passez a la fenetre suivante. 
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Exportation de fichier JAR 



Specification du fichier JAR 

Definition des ressources a exporter dans le fichier JAR. 



Selectionnes les ressources a exporter 





1^1 1=1 .classpath 


$-Q & UMLjIagou 


fil .project 


ED - Classes_Cagou 


8) .umlproject 


0£B controle 




; {ff dialogue 




! ^ M tB entite 




Images 





Exporter les fichiers de classe et les ressources generes 
Exporter tous les dossiers de sortie des projets selectionnes 
Exporter les fichiers source et les ressources Java 
^Exporter les restructurations pour les projets selectionnes. S; 



Selectionnes la destination de I'exportation 
Fichier JAR : 



C:\Mes Projets Java\5A_Cagou\Cagou.jar 



Parcourir. 



Options : 

Connprirner le contenu du fichier JAR 

Ajouter des entrees de repertoire 

ZlRemplacer les fichiers existants sans avertissennent 



< Precedent Suivant > Terminer 



Annuler 



Gardez les options par defaut pour la fenetre suivante. Cliquez sur Suivant >. 



Conservez les options proposees et indiquez la classe principale (celle qui contient la methode mainQ. Cliquez sur 
Terminer. 
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€= Exportation de fichier JAR |_>< 



Specification du manifeste JAR 

Personnaliser le fichier rmanifeste du fichier JAR. 



Specification du manifesto : 
Generer le fichier rmanifeste 



I I Sauvegarder le manifesto dans I'espace de travail 

Q Reutiliser et sauvegarder le manifesto dans I'espace de travail 



Fichier manifeste : 






Parcourir. . . 


O Utiliser le manifesto existant de I'espace de travail 




Fichier manifeste : 






Parcourir... 




Scelle du contenu : 
© Sceller le fichier JAR 
O Sceller certains packages 



Classe du point d'entree de I'application : 



Classe Main : dialogue. FenConnexion 



Fichier JAR scelle 



Details. 



Details. 



Parcourir. 



< Precedent 



Suivant > 



Terminer 



Annuler 



Testez I'application autonome en cliquant sur son icone. 




ICagou.jari 
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Presentation 



Le projet SA_Cagou a ete bati en prenant soin des la phase d'analyse de separer les classes selon leur type : dialogue, 
controle et entite. Le modele MVC ou design pattern Model View Controller formalise cette separation et vise en outre 
a la synchronisation des vues (classes dialogue) et des modeles (classes entite) en s'appuyant sur les controleurs 
(classes controle). 

Dans un contexte MVC, les donnees constituent les modeles, les classes graphiques les vues. Modeles et vues sont 
totalement independants les uns des autres. Nous dirons qu'ils ne se connaissent pas. Comment alors les actions de 
I'utilisateur via les vues peuvent-ils modifier les modeles et inversement, comment les donnees attendues peuvent-ils 
etre affichees ? C'est justement les controleurs qui vont etablir le lien. 

Autre particularity importante. Le modele, s'il ne connait pas les vues qui affichent ses donnees, a neanmoins la 
possibility de notifier a celles-ci tout changement le concernant. 



Le schema nous montre que I'utilisateur n'a aucune connaissance du controleur. C'est pourtant lui qui transmet de 
maniere transparente pour I'utilisateur les requetes au modele pour traitement. Les vues sont mises a jour soit par le 
controleur soit par le modele par un systeme de notification base sur la notion d'evenements et d'ecouteurs 
d'evenements. 

Jusqu'a present dans notre projet, pour effectuer une mise a jour de la fenetre presentant les donnees en mode table, il 
faut la refermer, ouvrir une autre fenetre pour effectuer les traitements CRUD puis rouvrir la premiere fenetre. Une 
nouvelle ouverture correspond en fait a une nouvelle instance de la fenetre en mode table avec interrogation de la base 
et mise a jour du composant JTable (revoir au besoin les sections Gestion de I'affichage des donnees et Gestion des 
traitements du chapitre Developpement). 

Ce procede fonctionne mais ne permet pas de realiser une mise a jour immediate de la fenetre en mode table. II devient 
alors impossible de mettre a jour de maniere simultanee differentes vues des memes donnees suite a des modifications 
les concernant. 

Dans ce chapitre, nous voyons done comment mettre en oeuvre le modele MVC avec le composant swing JTable pour 
nous affranchir de cette limite. 




MODELE 
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Creation du modele 

Nous allons auparavant creer une copie du projet. 

■ Effectuez un die droit sur le projet SA_Cagou dans I'explorateur de packages puis choisissez Copier. 

■ Puis toujours dans I'explorateur de packages effectuez un autre die droit et renommez le projet "SA_Cagou_MVC". 



Copier un projet 



Norm du projet : SA_Cagou_MVC 



Utiliser I'ernplacennent par defaut 

Emplacement : 



C:/Mes Pro jets Java/5 A_Cagou_MVC 



Parcourir. 



OK 



Annuler 



Pour rendre les vues totalement independantes des donnees, il faut commencer par creer un modele. La classe Client va 
etre modifiee pour permettre la creation du modele. 

■ Ouvrez cette classe dans le paquetage entite et procedez a I'importation suivante : 



import javax . swing .table . DefauitTabieModei ; 



La classe DefauitTabieModei etend la classe AbstractTabieModei qui elle-meme implemente 

I 'interface TableModel. 

• L'interface TableModel specifie des methodes utiles pour gerer les donnees tabulaires contenues par un modele 
(getColumnName(int columnlndex), getRowCount(), ...) 

• La classe AbstractTabieModei redefinit la plupart des methodes de l'interface TableModel en proposant un code 
par defaut. El I e fournit en outre les methodes pour I'enregistrement des vues aupres du modele et celles pour la 
notification des evenements survenus. 

• La classe DefauitTabieModei est une sous-classe de la classe AbstractTabieModei. El le peut done utiliser et 
redefinir si necessaire les methodes de cette derniere. 



« TableModel » 



Ah stra c t.T a MeMo del 



DefauitTabieModei 



La consultation de I'aide de SUN s'avere indispensable. Lancez celle-ci puis choisissez dans le volet Packages, le 
paquetage javax.swing.table. 
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Fichier Edition Affichage Favoris Outils ? 



Overview (Java Platform SE 6) 
^ 



javax.swing.plaf.synth 
i a vax. swing, table 
j a vax. swing .text 
iavax.swing.texthtrnl 

< INI 




javax.swinq.table 

Interfaces 

TableCellEditor 

TableCellRenderer 

TableColumnModel 

TableModei 

Classes 

AbstractTableModel 

DefaultTableCellRenderer 

DefaultTableCellRenderer.UIResource 

DefaultTableColumnModel 

DefaultTableModel 

JTableHeader 

TableColurnn 

TableRowSorter 

TableStringConverter 



■ Ajoutez la propriete suivante : 



private DefaultTableModel leModele = new Def aultTableModel ( ) ; 



■ Ajoutez un accesseur pour cette propriete. 



public DefaultTableModel getLeModeleClients ( ) { 
return leModele; 

} 



C'est ce modele qui sera attache au composant JTable. 

Actuellement dans le projet, lors de I'instanciation de la classe FenTableClient, une selection de tous les 
enregistrements de la table Client est effectuee. II faut done intervenir au niveau du code effectuant cette operation 
dans la classe Client. 




■ Modifiez la methode chercherCRUD_Clients(Client lesClients). 



public int chercherCRUD_Clients (Client_MVC lesClients) { 

f or ( i=l; i <= inf o jeuEnregistrements . getColumnCount ( ) ; i++) { 

// les titres des colonnes sont recuperes avec la methode getColumnLabel 
String nomColonneModel = inf o jeuEnregistrement s . getColumnLabel ( i ) ; 
// puis ajoutes au modele 
// 

leModele . addColumn (nomColonneModel ) ; 

} 

while ( jeuEnregistrements . next ( ) ) { 

Vector<Str ing> ligne = new Vector<String> ( ) ; 

for(i=l; i <= inf o jeuEnregistrements . getColumnCount () ; i++) { 
String chaine_champ = jeuEnregistrements . getString (i) ; 
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ligne . add (chaine_champ) ; 

} 

nbClients = nbClients + 1; 

// le vecteur ligne est ajoute au modele 

// 

leModele . addRow (ligne) ; 



Apres I'execution de la methode, le modele contient les donnees et les titres des 
colonnes. 

■ Lancez I'application. 

Plus aucune donnee n'est visible mais ceci est tout a fait normal puisque I'affichage est assure par le composant JTable 
et non par le modele. 
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Creation de la vue 

Pour que les donnees soient visibles, il suffit de preciser quel modele doit etre affiche par le composant JTable. 



■ Ouvrez la classe FenTableClient dans le paquetage dialogue et procedez aux importations suivantes. 



import 


javax 


swing 


event 


TableModelListener ; 


import 


javax 


swing 


event 


TableModelEvent ; 



Toute vue sur un modele doit implanter I'interface TableModelListener. Cette interface 

permet a la vue d'etre a I'ecoute des evenements modifiant I'etat du modele. Elle ne dispose 
que d'une seule methode tabieCnanged(TabieModeiEvent e) qui est redefinie en fonction des 
evenements survenus. 




■ Implementez I'interface TableModelListener. 



public class FenTableClient extends JFrame implements TableModelListener { 



■ Eclipse vous signale que la methode tableChanged(TableModelEvent e) doit etre implementees. Double cliquez sur 
Ajouter des methodes non implementees. 



pultllc class 


t'er;Tasj.^Cl*enc 


ew tends Jffajtie UnpleiTLerit s Tat ieHoctel listener i 




<S> Apuber des taeHades nun imple rijentees 

A Associer le type 'FenTableCIent' a b vafaur abstradt 

* Renmnmer dans Is Hichtsr (accss direct par Ctrl+2, R) 


1 m^thnite^} i bnipl£nienter : 

- )3vax.fVflng.evanLTablef/t3^ILiftaner.tat(eCrianged{) 



public void tableChanged (TableModelEvent argO) { 
// TODO Raccord de methode auto-genere 

} 



^^Pour chaque type d'evenement, il est possible de programmer une action particuliere. La mise a jour de la vue 
Wavec le composant JTable est par contre automatique. Notez le type du parametre. II s'agit de la classe 
TableModelEvent qui etend la classe EventObject. 



~ ava ■ lar.c . Ob~ ect 

I — j ava . utll . EventObject 

I — j avax . swi ng . event . TableModelEvent 



■ Ajoutez la propriete suivante : 



private Def aultTableModel leModele; 



La propriete leModele est initialisee lors de I'execution de la methode rempiirTabieQ. 

II faut maintenant intervenir sur le code de cette methode a I'origine de I'appel des methodes permettant de 
selectionner les enregistrements de la table Client. 



■ Modifiez la methode rempiirTabieQ. 



private JTable remplirTable ( ) { 
String vCode = ""; 

entite . Client lesClients = new entite . Client (vCode) ; 
les Clients . chercherCRUD_Client s (lesClients) ; 
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leModele = lesClients . getLeModeleClients ( ) ; 
laTable_Table = new JTable (leModele) ; 
return laTable_Table ; 



La table est retournee avec le modele. 

■ Testez I'application. 



Le composant JTable affiche les donnees du modele. Le schema ci-apres rappelle les principales relations entre les 
classes. 



« TableModel 



FenTableCGent 




private JTable 




laTable Table 


private 




D e £aul cTafci 1 a Ko tie 1 




1 eHo del e Clients 





Clients 



private 

D e Haul cTabl e Ho del 
leModele 



Abstrac 



tTnbleModd 



DeffuiltTableMcdel 



Avec le composant JTable, la vue et le controleur ne sont pas dissocies. II n'est done pas utile de creer une 
nouvelle classe de type controleur. 
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Mise a jour de la fenetre en mode table 



Nous allons mettre en oeuvre concretement le modele MVC en creant un nouveau client a partir de la fenetre en mode 
fiche. Cette creation doit etre visible dans la fenetre en mode table qui pour I'occasion restera ouverte. 



HOI 



NO ,'.t*u 



Soo«M 



L 



QUI UK 



CLIENTS 





Ham 


Type 




BAUMiERSA 




cm 


DROU-: 


Particular 


LAI 


l.'.t.Mf 




NOI 


NOUVEAU 


Soeieie 





i JO UTER SUWBMEIi 




EECRE RfHEB- 


QUITTEH 



Dans le code de la classe FenTableClient, recherchez la methode getBtn_Ajouter() puis desactivez ou supprimez la 
ligne qui referme la fenetre. 



// FenTableClient . this . dispose () ; B a desactiver ou a supprimer 



Dans le code de la classe FenFicheClient, recherchez la methode getBtn_Quitter() puis desactivez ou supprimez les 
lignes qui creent une nouvelle instance de FenTableClient et qui la rendent visible. 



// 


FenTableClient 


laTable Client = 


new FenTableClient () ; 


B a desactiver ou a supprimer 


// 


laTable Client 


setvisible (true) 


B a desactiver ou a 


supprimer 



Lancez I'application. Testez le bouton AJOUTER de la fenetre en mode table. 

La fenetre d'ajout en mode fiche apparait et celle en mode table reste egalement visible. 



Deplacez vos fenetres de sorte que vous puissiez voir si I'ajout a partir de la fiche est repercute dans la table. Ajoutez 
le client suivant : 
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Code N01 



Norn 
Type 



NOUVEAU 



Societe 



A ce stade, I'ajout d'un nouveau client est bien pris en compte et I'enregistrement correspondant est cree dans la base 
de donnees. Par contre, la mise a jour simultanee de la table n'est pas encore effective. 

Pour que la mise a jour simultanee devienne effective, plusieurs conditions doivent etre realisees : 

• I'ajout doit concerner le meme modele que celui utilise par la table ; 

• le constructeur de la classe FenFicheClient doit etre modifie en lui ajoutant un parametre de type 
DefaultTableModel ; 

• le modele doit etre agrandi d'une ligne, en I'occurrence un vecteur qui contiendra les nouvelles donnees ; 

• le modele modifie doit pouvoir notifier aux vues les changements le concernant. 
■ Ouvrez la classe FenFicheClient et procedez a I'importation suivante : 



import j avax . swing . table . DefaultTableModel ; 



Ajoutez une nouvelle propriete. 



private DefaultTableModel leModeleTransmisParFenTAble; 



Modifiez le constructeur de la classe. 



public FenFicheClient (DefaultTableModel leModele) 
super ( ) ; 

initialize () ; 

leModeleTransmisParFenTAble = leModele; 



Les objets des classes FenFicheClient et FenTabieciient sont ainsi des vues sur le meme 
modele. 

II reste a modifier la methode getBtn_Enregistrer(). Celle-ci doit ajouter un vecteur au modele avec les donnees du 
nouveau client. 

■ Modifiez la methode getBtn_Enregistrer(). 



private JButton getBtn_Enregistrer ( ) { 
if (btn_Enregistrer == null) { 

public void act ionPer formed ( java . awt . event . Act ionEvent e) I 

if (btn_Enregistrer .get Text () == " SAUVEGARDER ") {if (! vCode . equals ("") ) f 
// demande d'ajout d'un client dans la BD 

// 

leClientGestionClientBD . demandeEnregistrerClient (vCode, vNom, 

vType) ; 

jTxTCode . requestFocusInWindow ( ) ; 
// ajout 

Vector<String> ligne = new Vector<String> ( ) ; 
leModeleTransmisParFenTAble . addRow (ligne) ; 



2- 



© ENI Editions - All rigths reserved 



int nbLignes = leModeleTransmisParFenTAble . getRowCount ( ) ; 
nbLignes = nbLignes -1; 

leModeleTransmisParFenTAble . setValueAt (vCode, nbLignes, 0) ; 
leModeleTransmisParFenTAble . setValueAt (vNom, nbLignes, 1); 
leModeleTransmisParFenTAble . setValueAt (vType, nbLignes, 2); 
// fin ajout 

} 

else { 

JOptionPane . showMessageDialog (null, "La saisie du code client" 
+ " est obligatoire" , 

"Verifiez votre saisie", JOptionPane . ERROR_MESSAGE) ; 

) 

lelse 

{ 

// demande de modification d' un client dans la BD 

leClientGestionClientBD . demandeModifierClient (vCode, vNom, vType) ; 

} 

} 

}) ; 

} 

return btn_Enregistrer; 

} 



Avant de proceder a un nouveau test, il faut prendre en compte la modification du constructeur et apporter quelques 
modifications au code de la classe FenTableClient. 

■ Ouvrez la classe FenTableClient et supprimez I'affectation a la declaration de la propriete laFiche_client. 



private FenFicheClient laFiche_client; 



■ Modifiez la methode remplirTableQ. 



private JTable remplirTable ( ) { 
String vCode = ""; 

entite .Client lesClients = new entite .Client (vCode) ; 
// demande de recherche dans la base de donnees 
lesClients . chercherCRUD^Clients (lesClients) ; 

// 1 

leModeleClients = lesClients . getLeModeleClients () ; 
II 2 

laFiche_client = new FenFicheClient (leModeleClients) ; 

// 3 

laTable_Table = new JTable (leModeleClients) ; 
return laTable_Table; 

} 



>^ La modification consiste a I'insertion d'une seule ligne de code. En 1, le modele de la 

table est recupere. En 2 (nouvelle ligne inseree), ce modele est passe en parametre a un 
objet de la classe FenFicheClient. En 3, la table est retournee avec son modele pour affichage 
dans la fenetre en mode table. 

La mise a jour simultanee de la table est desormais possible. 

■ Testez I'application. 

Nous allons effectuer maintenant les modifications de code pour la suppression d'un client. 

■ Toujours dans la classe FenTableClient ou s'effectue la suppression suite a un double die, modifiez la methode 
getBtn_Supprimer(). 
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private JButton getBtn_Supprimer ( ) { 
if (btn_Supprimer == null) { 

btn_Supprimer . addActionListener 
(new j ava . awt . event . ActionListener ( ) { 

public void actionPerf ormed (j ava . awt . event .ActionEvent e) ( 



if (NumLigne == -1) { 
} 

if (NumLigne != -1) { 
if (choix == 0) { 

// suppression du modele sur double-clic 
leModeleClients . removeRow (NumLigne) ; 



Dans le projet SA_Cagou, il est egalement possible de supprimer un client en mode fiche avec la classe FenFicheClient. 
Pour effectuer cette suppression dans le contexte MVC, il faut : 

• transmettre le modele a I'instance la classe FenFicheClient depuis I'instance de la classe FenTableClient ; 

• parcourir le modele ; 

• comparer le code du client a supprimer avec la valeur contenue dans la cellule de la premiere colonne de chaque 
ligne avec la methode getValueAt(int row, int column) de la classe DefaultTableModel ; 

• supprimer la ligne du modele avec la methode removeRow(int row) de la classe DefaultTableModel. 
Pour plus d'informations sur la classe DefaultTableModel consulter I'aide de Sun. 



}) ; 



return btn_Supprimer ; 




recupere avec la methode rempiirTabieQ. 



; ava . lar.c . Object 

I — javax. swing. table ■ AbstractTableModel 

I — javax. swing. table . DefaultTableModel 



■ Testez I'application. 
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Mise a jour simultanee de plusieurs fenetres 



1. Ajout d'un enregistrement 

Nous n'avons vu qu'une facette du modele MVC. II est possible de realiser des operations de synchronisation plus 
complexes en utilisant les methodes pour la notification et la detection des evenements. 

Nous allons creer une fenetre identique a FenTableClient. Pour faire simple, elle ne differera de cette derniere 
uniquement que par la couleur et sera nommee FenTableN2Client. Lors de I'ajout ou de la suppression d'un client, 
trois fenetres seront desormais visibles : 

• la fenetre FenFicheClient qui pilote I'ajout ou la suppression ; 

• les fenetres FenTableClient et FenTableN2Client qui se mettent a jour suite a une notification du modele. 
Trois operations sont necessaires : 

• I'enregistrement de la vue dans la liste des ecouteurs du modele ; 

• la notification par le modele aux vues de I'evenement a I'origine de la modification de son etat avec une 
methode du type fireXXX() - la methode fireTableDataChangedQ est prise en charge par defaut avec le 
composant JTable ; 

• les actions menees par les vues en fonction de I'evenement survenu. 
Commengons par enregistrer la vue FenTableClient aupres du modele. 

■ Ouvrez la classe FenTableClient. Ajoutez le code pour I'enregistrement a la methode remplirTable(). 



private JTable remplirTable ( ) { 
String vCode = ""; 

entite . Client lesClients = new entite . Client (vCode) ; 
lesClients . chercherCRUD^Clients (lesClients) ; 
leModeleClients = lesClients . getLeModeleClients () ; 

II ENREGISTREMENT MVC 

leModeleClients . addTableModelListener (this) ; 

laFiche_client = new FenFicheClient (leModeleClients) ; 
laTable_Table = new JTable (leModeleClients) ; 
return laTable_Table; 

} 



A^V^ La methode addTableModelListener(TableModelListener I) est heritee de la classe abstraite 

AbstractTableModel. Cette vue peut desormais ecouter toute modification du modele qui lui sera notifiee par une 
methode du modele de type fireXXX(). 

■ Modifiez la methode tableChanged (...)■ Pour I'instant, les actions sont de simples messages. 



public void tableChanged (TableModelEvent unEvenement) { 
switch (unEvenement . getType ( ) ) ( 
case TableModelEvent . INSERT: 

System . out . print In ( "Je me suis mis a jour, il y a eu une 
insertion . " ) ; 
break ; 

case TableModelEvent . DELETE : 

System . out . println ( "Je me suis mis a jour, il y a eu une 
suppression . " ) ; 



© ENI Editions - All rigths reserved 



- 1 - 




break; 



La vue des qu'elle est notifiee, en reponse a un fireXXX() du modele execute la methode tableChanged 

(TableModelEvent e). Celle-ci contient des actions ou autres methodes ecrites en fonction du type d'evenement a 
I'origine des changements notifies (declares) par le modele. Cette methode est I'unique methode de I'interface 
TableModelListener() presente dans le paquetage javax.swing. event. 

■ Creez maintenant une copie de la classe FenTableClient et nommez-la comme indique precedemment 
FenTableN2Client. Veillez a ce que cette nouvelle fenetre soit rangee dans le paquetage dialogue. 

■ Changez la couleur du fond de la fenetre FenTableN2Client. Par exemple : 



jContentPane . setBackground (Color . orange) ; 



■ Ouvrez cette classe avec Visual Editor et supprimez tous les boutons sauf le bouton QUITTER. 



□ -a 1 




i D 1 






— : — ~~ c ^ — : — s 








Q AJOUTER i 


SUPP RIMER i 


MODIFIER 












i RECHERCHE R j QUITTER 




□ □ c 


1 □ : 


j □ 1 


ii ■ ■ — 



■ Modifiez son constructeur. 



public FenTableClientN2 (Def aultTableModel leModeleCommun) { 
super ( ) ; 

leModeleClients = leModeleCommun; 
initialize ( ) ; 

} 



Cette fenetre recevra le modele de la fenetre FenTableClient. Elles sont ainsi concernees par le meme modele et 
toute modification concernant ce dernier est repercutee sur ces deux vues. 

■ Modifiez sa methode remplirTableQ. 



private JTable remplirTable ( ) { 

laTable_Table = new JTable (leModeleClients) ; 
laTable_Table; 

} 



■ Supprimez pour finir sa methode tableChanged(...) 

■ Ouvrez maintenant la methode FenTableClient. Modifiez la methode getBtn_Ajouter(). 



private JButton getBtn_Aj outer ( ) { 
if (btn_Ajouter == null) { 

public void mouseClicked ( java . awt . event .MouseEvent e) { 

laFiche_client . setvisible (true) ; 

// creation de la 2eme fenetre avec le meme modele 
FenTableClientN2 laDeuxiemeFenTable = new FenTableClientN2 
(leModeleClients) ; 

laDeuxiemeFenTable . setvisible (true) ; 

} 
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return btn_Ajouter; 



Testez I'application en ajoutant des clients. 
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La tentative d'ajout d'un nouveau client avec un code existant deja dans la base de donnees est refusee et declenche 
I'affichage ci-apres : 



Yerifiez votie saisie 




L'ajout d'une nouvelle ligne dans le modele est cependant effectue. Pour y remedier, il faut retourner le resultat de la 
tentative d'ajout d'un nouvel enregistrement dans la base de donnees. Trois classes sont concernees : 

• la classe Client ; 

• la classe GestionDemandes ; 

• la classe FenFicheClient. 

■ Procedez aux modifications suivantes : 
• dans la classe Client : 
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// Ajout d' un nouveau client dans la BD 
public boolean creerCRUD_Client (Client leClient) { 
boolean bCreation = true; 

String requete = null; 
try { 

requete = "INSERT INTO client (Code, Norn, Type) " + 
" VALUES ( ' " +super . get Code () + "', ' "tsuper . getNom () + " ' , 
' "+type+"' ) "; 

leModele . fireTableDataChanged () ; 

Statement state = laConnexion . createStatement ( ) ; 
state . executeUpdate (requete) ; 
state . close ( ) ; 

i 

catch (SQLException e) { 
bCreation = false; 

JOptionPane . showMessageDialog (null, "Ajout non effectue." 
+ " Ce code client existe deja.", 

"Verifiez votre saisie", JOptionPane . ERROR_MESSAGE) ; 

) 

return bCreation; 
) 



dans la classe GestionDemandes : 



// Demande d' ajout d'un nouveau client dans la BD 

public boolean demandeEnregistrerClient (String vCode, String vNom, 
String vType) { 

boolean bCreation = false; 

Client leClient = new Client (vCode, vNom, vType) ; 

bCreation = leClient . creerCRUD_Client (leClient) /return bCreation; 

) 



dans la classe FenFicheClient : 



private JButton getBtn_Enregistrer ( ) { 
if (btn_Enregistrer == null) { 

btn^Enregistrer . addActionListener (new java . awt . event .Action 
Listener)) { 

public void act ionPer formed ( java . awt . event . ActionEvent e) { 

if (btn_Enregistrer . getlext ( ) ==" SAUVEGARDER" ) { 
if (I vCode . equals ( " ") ) { 

// demande d' ajout d'un client dans la BDboolean bCreation ; 
bCreation = 

leClientGestionClientBD . demandeEnregistrerClient (vCode, vNom, 
vType) /if (bCreation == true) { 
jTxTCode.setText ("") ; 

jTxTCode . requestFocusInWindow () ; 

Vector <String> ligne = new Vector<String> () ; 

leModeleTransmisParFenTAble . addRow (ligne) ; 

leModeleTransmisParFenTAble . setValueAt (vType, nb 

nbLignes, 2); 

} 

) 

else { 

JOptionPane . showMessageDialog (null, "La saisie du"+ 

+ "code client " 

+ " est obligatoire", 

"Verifiez votre saisie", JOptionPane . ERROR_MESSAGE) ; 
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} 

} 

// sinon nous sommes en mode modification 
else { 

leClientGestionClientBD . demandeModifier Client (vCode, 
vNom, vType) ; 
1 

} 

}); 

1 

return btn_Enregistrer ; 

} 



2. Suppression d'un enregistrement 

Nous suivons la meme demarche que pour I'ajout. Les deux methodes ci-apres retournent desormais un booleen. 

■ Ouvrez la classe Client et modifiez la methode supprimerCRUD_Clients(Client leClient). Celle-ci retourne 
desormais un booleen. 



public boolean supprimerCRUD_Client (Client leClient) { 
boolean bSuppression = true; 

try { 

if (nbEnregSup == 0) { 
} 

else { 

} 

} 

catch (SQLException e) { 
jreturn bSuppression; 



■ Ouvrez la classe GestionDemandes et modifiez la methode demandeSupprimerClient(String vCode). Celle-ci 
retourne desormais un booleen. 



public boolean demandeSupprimerClient (String vCode) { 
boolean bSuppression = false; 
Client leClient = new Client (vCode) ; 

bSuppression = leClient . supprimerCRUD_Client ( leClient ); return bSuppression; 



■ Ouvrez maintenant la classe FenFicheClient et modifiez la methode JButton getBtn_ SupprimerQ. 



private JButton getBtn_Supprimer ( ) { 
if (btn_Supprimer == null) { 

btn_Supp rimer . addActionListener 
(new java . awt . event . Act ionListener ( ) { 

public void act ionPerformed ( java . awt . event . ActionEvent e) { 
String vCode = jTxTCode . getText ( ) ; 
if(!vCode . equals (" ")) /boolean bSuppression ; 

if (choix==0) { 

if (bSuppression==true) 
int i = 1; 
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int ligne = 0; 
int colonne = 0; 
boolean bTrouve = false; 
String leCode; 

while (i <= leModeleTransmisParFenTAble . getRowCount () && 
bTrouve==false) { 

leCode= (String) leModeleTransmisParFenTAble . getValueAt 
(ligne, colonne) ; 

if (leCode . equals (vCode) ) { 
bTrouve = true; 

leModeleTransmisParFenTAble . removeRow ( i-1 ) ; 

} 

i++; 

ligne++; 

) 

} 

} 

else { 

I 

} 

}); 

} 

return btn_Supprimer ; 



■V^ La methode getValueAt(int rowlndex, int columnlndex) de I'interface TableModel retourne un objet. II faut done 
transtyper en chaine la valeur retournee. 
Ne pas oublier que I'index des lignes du modele commence a zero. 



■ Pour finir, dans le code de la classe FenTableClient, recherchez la methode getBtn_Supprimer() puis desactivez ou 
supprimez la ligne qui referme la fenetre. Inserez aussi une ligne de code pour s'assurer que le bouton de 
suppression demeure actif. 



private JButton getBtn_Supprimer ( ) { 

if (NumLigne == -1) { 

II dispose!); 13 a desactiver ou a supprimer 

// on active le bouton SUPPRIMER de la fiche client 

laFiche_client . setBtn_SupprimerActif ( ) ; 



■ Testez la suppression. 

Nous allons poursuivre les tests avec plusieurs fenetres. 

■ Ajoutez le code suivant a la methode getBtn_Supprimer(). 



private JButton getBtn_Supprimer ( ) ( 

if (NumLigne == -1) { 

// dispose)); 13 a desactiver ou a supprimer 
// on active le bouton SUPPRIMER de la fiche client 
laFiche_client . setBtn_SupprimerActif ( ) ; 
FenTableClientN2 laDeuxiemeFenTable = 
new FenTableClientN2 (leModeleClients) ; 

laDeuxiemeFenTable . setvisible (true) ; 



■ Testez la suppression avec plusieurs fenetres ouvertes. 
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3. Modification d'un enregistrement 

La demarche reste la meme. Nous avons a intervenir sur les memes classes : 

• Client ; 

• GestionDemandes ; 

• FenFicheClient. 

■ Procedez aux modifications suivantes : 
• dans la classe Client : 



public boolean modif ierCRUD_Client (Client leClient) { 
boolean bModif ication = true; 
String requete = null; 
try I 

} 

catch (SQLException e) { 
bModif ication = false; 

} 

return bModif ication; 

} 



• dans la classe GestionDemandes : 



public boolean demandeModif ierClient (String vCode, String vNom, 
String vType) { 

boolean bModif ication = false; 

Client leClient = new Client (vCode, vNom, vType) ; 

bModif ication = leClient .modi fierCRUD_Client ( leClient ); return bModif ication; 



• dans la classe FenFicheClient : 



private JButton getBtn_Enregistrer ( ) ( 
if (btn_Enregistrer == null) { 

btn_Enregistrer . addAct ionListener 
new java . awt . event . Act ionListener ( ) { 

public void act ionPer formed ( java . awt . event . Act ionEvent e) { 

// sinon nous sommes en mode modification 
else ("boolean bModif ication ; 
bModification = 

leClientGestionClientBD . demandeModif ierClient (vCode, vNom, vType) ; 
if (bModif ication == true) { 
int i = 1; 
int ligne = 0; 
int colonne = 0; 
boolean bTrouve = false; 
String leCode; 

while (i <= leModeleTransmisParFenTAble .getRowCount () && 
bTrouve==false) { 

leCode= 

(String) leModeleTransmisParFenTAble . getValueAt (ligne , colonne ) ; 
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if (leCode . equals (vCode) ) { 
bTrouve = true; 

leModeleTransmisParFenTAble . setValueAt (vCode, ligne, 0), 
leModeleTransmisParFenTAble . setValueAt (vNom, ligne, 1) ; 
leModeleTransmisParFenTAble . setValueAt (vType, ligne, 2), 

} 

i++; 

ligne++ ; 



return btn_Enregistrer; 



Rappelons que le bouton btn_Enregistrer sert a la fois pour les creations et les enregistrements. Comme pour les 
suppressions, les modifications necessitent un parcours du modele. 



4. Recherche d'enregistrements 

■ Effectuez une recherche. 

La fenetre FenResultatRecherche ne presente plus aucune donnee quel que soit le resultat de la recherche. Ceci est 
du au fait que la methode chercherCRUD_Clients(Client lesClients) de la classe Client a ete modifiee pour remplir un 
modele, instance de la classe DefaultTableModel. Le composant JTable doit done recevoir ce modele en parametre. 

■ Ouvrez la classe FenResultatRecherche et modifiez la methode remplirTableQ : 



private JTable remplirTable ( ) { 

Client lesClients = new Client (leCode) ; 
lesClients . chercherCRUD^Clients (lesClients) ; 

DefaultTableModel leModeleClients = lesClients . getLeModeleClients () . 
laTable_Table = new JTable (leModeleClients) ; 
return laTable_Table; 



m Testez la recherche. 

Code complet de la classe Client version MVC 



package entite; 

import j ava . sql . Connection; 
import java . sql . SQLException; 
import java . sql . Statement ; 
import java . sql .ResultSet; 
import java . sql . Res ultSetMeta Data; 
import java . util .Vector; 

import controle.*; 

import j avax . swing . JOptionPane; 

import j avax . swing . table . DefaultTableModel ; 

public class Client extends Personnel 

// Proprietes 
// ************* 

private DefaultTableModel leModele = new DefaultTableModel)); 
private String type; 

private static Connection laConnexion = ControleConnexion . getConnexion ( ) , 
private Vector<Vector> tabLignes = new Vector<Vector> ( ) ; 
private Vector<String> nomColonnes = new Vector<String> ( ) ; 
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// Constructeurs 
II ************* 

/ / ler Constructeur 

public Client (String vCode, String vNom, String vType) { 
super (vCode, vNom) ; 
type = vType; 

} 

// 2eme Constructeur 
public Client (String vCode) { 
super (vCode) ; 

} 

// Methodes 

************* 

public Vector<Vector> getTabLignes ( ) { 
return tabLignes; 

} 

public Vector<String> getNomColonnes ( ) { 
return nomColonnes; 

} 

public String getType(){ 
return type; 

} 

public void setType (String vTitre) { 
type = vTitre; 

} 

// accesseur pour retourner le modele 
public Def aultTableModel getLeModeleClients ( ) { 
return leModele; 

} 

// Ajout d'un nouveau client dans la BD 
// 

public boolean creerCRUD_Client (Client leClient) { 
boolean bCreation = true; 
String requete = null; 
try { 

requete = "INSERT INTO client (Code, Norn, Type)" + 
" VAIUES (' "+super .getCode () +"' , ' "+super . getNom ( ) +"' , ' "+type+"' ) 

Statement state = laConnexi on . createStatement () ; 
state . executeUpdate (requete) ; 
state . close ( ) ; 

} 

catch (SQLException e) { 
bCreation = false; 

JOptionPane . showMessageDialog (null, "Ajout non effectue." 
+ " Ce code client existe deja.", 

"Verifiez votre saisie", JOptionPane . ERROR_MESSAGE) ; 
System. out .println ("Insertion non effectuee"); 

} 

return bCreation; 

} 

// Modification d'un client dans la BD 
// 

public boolean modif ierCRUD_Client (Client leClient) { 
boolean bModif ication = true; 
String requete = null; 
try { 

requete = "UPDATE client SET Norn = '" +leClient . getNom ()+"' " 
+ "," + "Type = '" +leClient . getType () +"' " 

+ " WHERE Code = '" +leClient . getCode ()+"'" ; 

Statement state = laConnexi on . createStatement () ; 
state . executeUpdate (requete) ; 
state . close ( ) ; 

JOptionPane . showMessageDialog (null, "Modification realisee", 
"MODIFICATION", JOptionPane . INFORMA TION_MESSAGE) ; 
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} 

catch (SQLException e) { 
bModif ication = false; 

JOptionPane. showMessageDialog{null, "Modification non effectuee. 
+ " Ce code client n'existe pas.", 

"Verifiez votre saisie", JOptionPane . ERROR_MESSAGE) ; 
System. out .println ("Modification non effectuee"); 

} 

return bModif ication; 

} 

// Suppression d' un client dans la BD 
// 

public boolean supprimerCRUD_Client (Client leClient) { 
boolean bSuppression = true; 
String leCode = leClient . getCode () ; 
String requete = null; 
try { 

// NE PAS OUBLIER L'ESPACE DEVANT WHERE APRES UN + !!! 
requete = "DELETE FROM client" + 
" WHERE Code = ' "+leCode+"' " ; 

Statement state = laConnexi on . createStatement () ; 
int nbEnregSup = state . executeUpdate (requete) ; 
if (nbEnregSup == 0){ 

JOptionPane . showMessageDialog (null , 
"Aucune suppression effectuee." 

+ " Ce code client n'existe pas.", 

"Verifiez votre saisie", JOptionPane . ERROR_MESSAGE) 

} 

else { 

state . close ( ) ; 

JOptionPane . showMessageDialog (null, "Suppression du client code 
+ leCode + "] effectuee"); 
} 

} 

catch (SQLException e) { 
bSuppression = false; 

JOptionPane . showMessageDialog(null, "Probleme lors de la" + 
"suppression . " , 

"Verifiez votre saisie", JOptionPane . ERROR_MESSAGE) ; 

} 

return bSuppression; 

} 

// Chercher un ou plusieurs clients dans la BD 
// 

public int chercherCRUD_Clients (Client lesClientsH 
String leCode = lesClients . getCode () ; 
int i, nbClients=0; 
String requete = null; 
try { 

leCode = leCode + "%"; 
requete = "SELECT * FROM client WHERE Code LIKE ' "+leCode+"' " 
+ " ORDER BY code, nom"; 

Statement state = laConnexion . createStatement () ; 
ResultSet j euEnregistrements = state . executeQuery (requete) ; 
ResultSetMetaData infoj euEnregistrements = 
jeuEnregistrements .getMetaData () ; 

f or ( i=l; i <= info jeuEnregistrements . getColumnCount () ; i++) { 
String nomColonneModel = 
infojeuEnregistrements . getColumnLabel (i) ; 

leModele . addColumn (nomColonneModel) ; 

} 

while ( j euEnregistrements . next ( ) ) { 

Vector<String> ligne = new Vector<String> ( ) ; 

for(i=l; i <= infoj euEnregistrements . getColumnCount () ; 

i++) ( 
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String chaine_champ = jeuEnregistrements . getString (i) ; 
ligne . add ( chaine_champ) ; 

} 

nbClients = nbClients + 1; 
leModele . addRow (ligne) ; 

} 

j euEn regis trements .close ( ) ; 
state . close ( ) ; 

} 

catch (SQLException e) { 

JOptionPane . showMessageDialog(null, "Probleme lors de la" + 
"recherche.","", 

JOptionPane . ERROR_MESSAGE) ; 

} 

return nbClients; 




Code complet de la classe GestionDemandes version MVC : 



package controle; 

import entite . Client; 

public class GestionDemandes { 
// CONSTRUCTEUR 

j j ************ 

public GestionDemandes () { 
} 

// METHODES 
// ******** 

// demande d'ajout d'un nouveau client dans la BD 
// 

public boolean demandeEnregistrerClient (String vCode, String vNom, 
String vType) { 

boolean bCreation = false; 

Client leClient = new Client (vCode, vNom, vType) ; 
bCreation = leClient . creerCRUD_Client (leClient) ; 
return bCreation; 

} 

// demande de modification d'un client dans la BD 
// 

public boolean demandeModif ierClient (String vCode, String vNom, 
String vType) { 

boolean bModif ication = false; 

Client leClient = new Client (vCode, vNom, vType) ; 
bModif ication = leClient .modif ierCRUD_Client (leClient) ; 
return bModif ication; 

} 

// demande de suppression d'un client dans la BD 
// 

public boolean demandeSupprimerClient (String vCode) { 
boolean bSuppression = false; 
Client leClient = new Client (vCode) ; 

bSuppression = leClient . supprimerCRUD_Client (leClient) ; 
return bSuppression; 

} 

// demande de recherche d'un ou plusieurs clients dans la BD 
// 

public int demandeChercherClient (String vCode) { 
Client leClient = new Client (vCode) ; 
return leClient . chercherCRUD_Clients (leClient) ; 

} 
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Code complet de la classe FenFicheClient version MVC 



package dialogue; 

import javax . swing . JOptionPane; 
import javax . swing . JPanel; 
import j avax . swing . JFrame; 
import j avax . swing . JTextField; 
import java . awt . Rectangle; 
import java . util .Vector; 



import j avax . swing . JLabel ; 
import javax . swing . JButton; 

import javax .swing . table . Def aultTableModel; 
import controle . GestionDemandes ; 



public class FenFicheClient extends JFrame { 

/ / Proprietes non graphiques 
II ************************* 

private Def aultTableModel leModeleTransmisParFenTAble; 

private GestionDemandes leClientGestionClientBD = new GestionDemandes () ; 

// Proprietes graphiques 
II ********************* 

private static final long serialVersionUID = 1L; 

private JPanel jContentPane = null; 

private JTextField jTxTCode = null; 

private JTextField j TxTNom = null; 

private JTextField jTxTType = null; 

private JLabel jLabelCode = null; 

private JLabel jLabelNom = null; 

private JLabel jLabelType = null; 

private JButton btn_Enregistrer = null; 

private JButton btn_Quitter = null; 

private JButton btn_Supprimer = null; 

private JButton btn_Rechercher = null; 

/ / Constructeur 
I i ************ 

public FenFicheClient (Def aultTableModel leModele) { 
super ( ) ; 

initialize ( ) ; 

leModeleTransmisParFenTAble = leModele; 

} 

// Methodes 
II ******** 

private void initialize () { 

this. setSize (579, 344); 

this . setContentPane (get JContentPane ( ) ) ; 
this.setTitle ("HL") ; 

// pour centrer la fenetre sur l'ecran 
this . setLocationRelativeTo (null) ; 
this . setvisible (false) ; 

} 

private JPanel get JContentPane ( ) { 
if (jContentPane == null) ( 
jLabelType = new JLabel (); 

j LabelType . setBounds (new Rectangle (72 , 99, 76, 16)); 
j LabelType . setText ( "Type" ) ; 
jLabelNom = new JLabel (); 

j LabelNom . setBounds (new Rectangle (72, 77, 78, 16)); 
j LabelNom . setText ( "Norn" ) ; 
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jLabelCode = new JLabelO; 

j LabelCode . setBounds (new Rectangle (72 , 53, 77, 16)); 

j labelCode . setText ( "Code" ) ; 

jContentPane = new JPanelO; 

j ContentPane . setLayout (null) ; 

jContentPane. add (get JTxTCode () , null) ; 

jContentPane. add (get JTxTNom ( ) , null) ; 

jContentPane. add (get JTxTType () , null) ; 

j ContentPane . add (j LabelCode, null) ; 

j ContentPane . add ( j LabelNom, null) ; 

j ContentPane . add ( j LabelType, null) ; 

j ContentPane . add (getBtn_Enregistrer ( ) , null) ; 

j ContentPane . add (getBtn_Quitter ( ) , null) ; 

j ContentPane . add (getBtn_Supprimer ( ) , null) ; 

j ContentPane . add (getBtn_Rechercher ( ) , null) ; 

} 

return jContentPane; 



public JTextField get JTxTCode ( ) { 
if (jTxTCode == null) { 

jTxTCode = new JTextField () ; 

jTxTCode . setBounds (new Rectangle (151, 51, 125, 20)); 

} 

return jTxTCode; 

} 

public JTextField getJTxTNomO { 
if (jTxTNom == null) ( 

j TxTNom = new JTextField () ; 

jTxTNom. setBounds (new Rectangle (152, 75, 124, 20)); 

} 

return jTxTNom; 

} 

public JTextField get JTxTType ( ) { 
if (jTxTType == null) { 

jTxTType = new JTextField () ; 

jTxTType. setBounds (new Rectangle (153, 100, 124, 20)); 

} 

return jTxTType; 



// ajout des mutateurs pour que les champs puissent etre modifies 
// depuis la fenetre FenTableMenu 
public void set JTxTCode (String vCode) { 
jTxTCode . setText (vCode) ; 

} 

public void set JTxTNom (String vNom) { 
jTxTNom. setText (vNom) ; 

} 

public void set JTxTType (String vType) { 
jTxTType . setText (vType) ; 

} 

public void setBtn_EnregistrerLibelle (String vLibelle) { 
btn_Enregistrer . setText (vLibelle) ; 



// SAUVEGARDE & MODIFICATION 
// 

private JButton getBtn_Enregistrer ( ) { 
if (btn_Enregistrer == null) ( 
btn_Enregistrer = new JButton (); 

btn_Enregistrer . setBounds (new Rectangle ( 1 9 , 237, 126, 41)); 
btn_Enregistrer. setText ( " SAUVEGARDER" ) ; 

btn_Enregistrer . addActionListener (new java . awt . event . ActionListener ( ) ( 
public void actionPer formed (java . awt . event .ActionEvent e) { 
String vCode = j TxTCode . getText ( ) ; 
String vNom = j TxTNom . getText () ; 
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String vType = j TxTType . getText () ; 
if (btn_Enregistrer . getText ( ) =="SAUVEGARDER" ) { 
if ( ivCode. equals ("") ) { 
boolean bCreation ; 

bCreation = leClientGestionClientBD . demandeEnregistrerClient 
(vCode, vNom, vType) ; 

if (bCreation == true) { 

jTxTCode.setText ("") ; 

j TxTNom . setText ("") ; 

j TxTType . setText ("") ; 

j TxTCode . requestFocusInWindow ( ) ; 

Vector<String> ligne = new Vector<String> ( ) ; 
leModeleTransmisParFenTAble .addRow (ligne) ; 

int nbLignes = leModeleTransmisParFenTAble . getRowCount () ; 
nbLignes = nbLignes -1; 

leModeleTransmisParFenTAble . setValueAt (vCode, nbLignes, 0) ; 
leModeleTransmisParFenTAble . setValueAt (vNom, nbLignes, 1); 
leModeleTransmisParFenTAble . setValueAt (vType, nbLignes, 2); 

} 

} 

else { 

JOptionPane. showMessageDialog (null, "La saisie du code client" 
+ " est obligatoire" , 

"Verifiez votre saisie", JOptionPane . ERROR_MESSAGE) ; 
} 

} 

else { 

boolean bModif ication ; 

bModif ication = leClientGestionClientBD . demandeModif ierClient 
(vCode, vNom, vType) ; 

if (bModif ication == true) { 

int i = 1; 

int ligne = 0; 

int colonne = 0; 

boolean bTrouve = false; 

String leCode; 

while (i <= leModeleTransmisParFenTAble . getRowCount () && 
bTrouve==f alse) { 

leCode= (String) leModeleTransmisParFenTAble .getValueAt (ligne 

colonne) ; 

System. out .println ("ligne : "+ ligne + " --> code : " + 

leCode) ; 

if (leCode .equals (vCode) ) { 
bTrouve = true; 

System. out . println ( "trouve --> ligne a modifier : " + 

(i-D ) ; 

leModeleTransmisParFenTAble . setValueAt (vCode, ligne, 0) 
leModeleTransmisParFenTAble . setValueAt (vNom, ligne, 1) ; 
leModeleTransmisParFenTAble . setValueAt (vType, ligne, 2) 

} 

i++; 

ligne++; 

} 

} 

} 

} 

}) ; 

} 

return btn_Enregistrer ; 

} 

private JButton getBtn_Supprimer ( ) ( 
if (btn_Supprimer == null) ( 
btn_Supprimer = new JButtonO; 

btn_Suppr imer . setBounds (new Rectangle (144, 237, 138, 41)); 
btn_Supprimer . setText ( " SUPPRIMER" ) ; 
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btn_Suppr imer . addActionListener (new j ava . awt . event . ActionListener ( ) ( 
public void actionPer formed (java . awt . event . ActionEvent e) { 
String vCode = j TxTCode . getText () ; 
if ( ! vCode . equals ( "" ) ) { 
boolean bSuppression ; 

int choix = JOptionPane . showConfirmDialog (null, 

"Voulez-vous supprimer la fiche du client code : " + vCode + " ?", 
"Suppression", 

JOptionPane. YES_NO_OPTION) ; 
if (choix==0) { 
bSuppression = 
leClientGestionClientBD . demandeSuppr imerClient (vCode) ; 
if (bSuppression==true) 
j TxTCode . setText ( " " ) ; 
j TxTCode . requestFocus InWindow ( ) ; 
int i = 1 ; 
int ligne = 0; 
int colonne = 0; 
boolean bTrouve = false; 
String leCode; 

while(i <= leModeleTransmisParFenTAble . getRowCount () && 

bTrouve==f alse) { 

leCode= 

(String) leModeleTransmisParFenTAble . getValueAt (ligne, colonne) ; 
if (leCode . equals (vCode) ) { 
bTrouve = true; 

leModeleTransmisParFenTAble . removeRow (i-1) ; 

} 

i + + ; 

ligne++; 

} 

} 

} 

else { 

JOptionPane . showMessageDialog (null, "La saisie du code client" 
+ " est obligatoire" , 

"Verifiez votre saisie", JOptionPane . ERROR_MESSAGE) ; 

} 

} 

}) ; 

} 

return btn_Supprimer ; 

} 

/* 

* RECHERCHE 

*/ 

private JButton getBtn_Rechercher ( ) ( 
if (btn_Rechercher == null) ( 
btn_Rechercher = new JButton (); 

btn_Rechercher .setBounds (new Rectangle (281, 237, 126, 41)); 
btn_Rechercher . setText ( "CHERCHER" ) ; 

btn_Rechercher . addActionListener (new j ava . awt . event . ActionListener ( ) ( 
public void actionPerf ormed (java . awt . event .ActionEvent e) { 
String vCode = j TxTCode . getText () ; 
String vNom = j TxTNom . getText () ; 
String vType = j TxTType . getText () ; 

if ( ! vCode .equals ("") I I ! vNom. equals ("" ) I I ! vType . equals ("")) { 
int nbEnreg = 

leClientGestionClientBD . demandeChercher Client (vCode) ; 
if (nbEnreg > 0) { 
switch (nbEnreg) 
{ 

case : 

JOptionPane . showMessageDialog(null, "Aucun client trouve." 
+ " Ce code client n'existe pas.", 
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"Verifiez votre saisie", JOptionPane . ERROR_MESSAGE) ; 
break; 
case 1 : 

JOptionPane . showMessageDialog{null, nbEnreg + 
client trouve", 

"RESULTAT", JOptionPane . INFORMA TION_MESSAGE) ; 
break; 
default : 

JOptionPane . showMessageDialog{null, nbEnreg + 
clients trouves.", 

"RESULTAT" , JOptionPane . INFORMA TION_MESSAGE) ; 

} 

btn_Enregistrer . setEnabled (true) ; 

jTxTCode . setText (vCode) ; 

new FenResultatRecherche (vCode) ; 

} 

if (nbEnreg == 0) ( 

JOptionPane . showMessageDialog(null, "Aucun client trouve. 
+ " Ce code client n'existe pas.", 

"Verifiez votre saisie", JOptionPane . ERROR_MESSAGE) ; 

} 

} 

else { 

JOptionPane . showMessageDialog (null, "Saisissez au moins" 
+ " un critere de recherche", 

"Verifiez votre saisie", JOptionPane . ERROR_MESSAGE) ; 

} 

} 

}) ; 

} 

return btn_Rechercher ; 

} 

// GESTION DE L ' ACCESS IBILITE DES BOUTONS EN FONCTION DES CHOIX 
// 

public JButton setBtn_EnregistrerActif ( ) { 
btn_Enregistrer . setEnabled (true) ; 
return btn_Enregistrer ; 

} 

public JButton setBtn_EnregistrerNonActif ( ) ( 
btn_Enregistrer . setEnabled (false) ; 
return btn_Enregistrer ; 

} 

public JButton setBtn_SupprimerActif ( ) { 
btn_Supprimer . setEnabled (true) ; 
return btn_Supprimer ; 

} 

public JButton setBtn_SupprimerNonActif ( ) { 
btn_Supprimer . setEnabled ( false) ; 
return btn_Supprimer ; 

} 

public JButton setBtn_RechercherActif ( ) { 
btn_Rechercher . setEnabled (true) ; 
return btn_Rechercher ; 

} 

public JButton setBtn_RechercherNonActi f ( ) { 
btn_Rechercher . setEnabled (false) ; 
return btn_Rechercher ; 

} 

public void changeTitre (String leTitre) { 
btn_Enregistrer . setText (leTitre) ; 

} 

private JButton getBtn_Quitter ( ) { 
if (btn_Quitter == null) { 
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btn_Quitter = new JButtonO; 

btn_Quitter .setBounds (new Rectangle (406, 237, 126, 41)); 
btn_Quitter .setText ("QUITTER") ; 

btn_Quitter . addMouseListener (new j ava . awt . event .MouseAdapter ( ) { 
public void mouseClicked (j ava . awt . event .MouseEvent e) { 
FenFicheClient .this . dispose ( ) ; 

} 

}) ; 

} 

return btn_Quitter; 

} 
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